uniapp写公众号h5开发 附件上传 下载功能

一。 uni-app实现文件上传功能

目前,找到一款第三方插件
文件上传插件地址 https://ext.dcloud.net.cn/plugin?id=1015
将插件下载并导入项目中直接拿来使用,插件市场也有对改插件用法的描述。
用法:
1. 以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面

// 以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面
<l-file 
    ref="lFile" 
    @up-success="upSuccess"
></l-file>

2.在使用的页面引入导入的插件

import lFile from ‘@/uni_modules/l-file/components/l-file/l-file.vue’

在进行注册:

components: {
			lFile
		},

3.文件上传

/* 
=======选择文件+上传=======

url=上传服务器地址,必填
name=上传文件的key(选填,默认为file)
header=请求头(选填)
*/
this.$refs.lFile.upload({
    //替换为你的上传接口地址
   

猜你喜欢

转载自blog.csdn.net/Quentin0823/article/details/132403807