一、文件上传
1.首先写一个button通过click触发上传方法
2.在上传的方法中通过uniapp的chooseImage方法获取上传文件的名字和路径
3.调用uniapp的uploadFile的方法 通过访问后台完成上传上传文件
上传后台代码:
二、文件下载
在文件下载的时候遇到一个问题,由于我开发的环境是H5的 所以这里不能使用uniapp 的dowloadFiled 和 SaveFiled 的方法 这里我会贴出这两种实现方法
1.第一种比较简单直接通过vue上传文件的方式进行下载
2.通过点击事件触发下载事件的方法
此下载的原理是:前端最终拿到的是二进制流,拿到二进制流之后,把这个流构造成文件,然后构造创建一个a标签,用代码去点击这个a标签
3.第二种就是uniapp的下载(此方法适用app,wx不适用于H5)
此方法可以通过downloadTask方法监听随时停止下载(代码就不贴了,可以百度搜到的)
4.最后贴一下下载文件的后台代码