【uniapp小步伐】在uniapp中开发微信小步伐中下载文件

在uniapp中开发微信小步伐中下载文件

需要使用的api：downloadFile，previewImage，openDocument，如果是图片我们就使用previewImage预览，预览的同时也可以下载到当地，其他文件不能预览的使用openDocument打开，打开后可以保存得手机当地。
预览效果

点击图片预览效果：

点击非图片类型时直接当地打开

代码：

1. openFile(url) {
2.       const isImgType = ['jpg', 'png', 'bmp', 'jpeg', 'webp']
3.       uni.showLoading({ title: '加载中...' })
4.       uni.downloadFile({
5.         url,
6.         success: (res) => {
7.           const fileType = res.tempFilePath.split('.').pop()
8.           if (isImgType.includes(fileType)) {
9.             uni.previewImage({ // 调用微信api预览图片
10.               showmenu: true, // 开启时右上角会有三点，点击可以保存
11.               urls: [res.tempFilePath],
12.               current: res.tempFilePath,
13.               success: (res) => {
14.                 uni.hideLoading()
15.                 console.log('打开图片成功')
16.               },
17.               fail: (res) => {
18.                 console.log(res)
19.                 console.log('打开图片失败')
20.               },
21.             })
22.           } else {
23.             uni.openDocument({
24.               filePath: res.tempFilePath,
25.               showMenu: true, // 开启时右上角会有三点，点击可以保存
26.               success: (res) => {
27.                 uni.hideLoading()
28.                 console.log('打开文档成功')
29.               },
30.               fail: (res) => {
31.                 console.log(res)
32.                 console.log('打开文档失败')
33.               },
34.             })
35.           }
36.         },
37.         fail: (e) => {
38.           console.log(e)
39.         },
40.       })
41.     },

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。