uniapp实现微信小程序上传文件以及预览(TS项目)

1、首先肯定有一个上传文件的api和后端约定好,需要什么,此文章针对的 form-data,因为我的项目,后端需要的是 file 文件,而不是本地路径

2、这段代码是上传的具体流程,比如我的接口文档要求我,必须传文件,字段名是file,我需要传整个文件,而不仅仅是本地临时资源路径。例如,你的接口需要文章标题,文章时间什么的, 直接在 formData中加就行了

3、由于uni.uploadFile一次只能上传一个,如果要上传多个文件,需要巡回调用这个函数即可

4、上面的代码是文件上传的api,这段代码是选取文件,选取文件有多种,本文章只介绍两个

(1.微信聊天信息拉取)

(2.uniappAPI的相册选择文件)

5、预览效果,调用约定好的api,获取下载文件的地址,需要调用wx.downloadFile下载文件,然后调用wx.openDocument打卡这个文件即可