微信小程序-下载文件并打开/下载视频播放视频/下载音频文件-Android和IOS调试终版

Angular baby

已于 2022-04-29 08:43:51 修改

阅读量6.6k

点赞数

分类专栏：前端开发 Vue起步学习文章标签：前端微信小程序 vue.js

于 2022-04-28 13:51:11 首次发布

本文链接：https://blog.csdn.net/qq_36451496/article/details/124470563

版权

下载文件并预览：

调接口下载文件，接口返回的是.bin类型的临时文件，直接调用uniapp原生接口openDocument可能出现打不开的情况或者可能打开文件乱码异常，所以我们需要获取一下文件类型fileType

适用于接口返回头中返回了文件名称和类型的情况：

使用

var arr = res.header['Content-Disposition'].toString().split('filename=')[1].split('.')

从返回头Content-Disposition中截取文件类型，然后使用参数filePath、fileType把文件打开

完整代码如下：

showPdf(fileItem) {
				uni.showLoading({
					title: '下载中...',
				})
				uni.downloadFile({ // 支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx
					url: defaultConfig.url + '/api/basic/basicMinioFile/downloadFile?fileId=' + fileItem.src,
					success: function(res) {
						var arr = res.header['Content-Disposition'].toString().split('filename=')[1].split('.')
						uni.openDocument({