微信小程序预览文件
一、微信小程序自带的组件 web-view
注意要在小程序后台的web-view合法域名中配置上该url对应的域名
<web-view src="https.***********"></web-view>
经过测试发现,iOS手机可以打开,部分安卓手机无法打开该文件,最终更换预览方式
二、微信自带API方法
涉及API如下:
- wx.downloadFile
- wx.openDocument
具体实现代码如下
wx.downloadFile({
url: '***************************',
header: {
'content-type': "application/json",
},
filePath: wx.env.USER_DATA_PATH + '/******.pdf',
success: (res) => {
if (res.statusCode === 200) {
const savedFilePath = res.filePath
wx.openDocument({
filePath: savedFilePath,
fileType: 'pdf', //注意:文件为pdf,类型为pdf
showMenu: true,
success: (response) => {},
fail: (err) => {
wx.hideLoading()
}
})
} else {
wx.hideLoading()
}
},
fail: (err) => {
wx.hideLoading()
},
complete: () => {
wx.hideLoading()
}
})
downloadFile
方法中filePath
作用:
iOS手机上,打开以后页面标题是文件预览,但是在安卓手机上,打开以后文件名显示的是一堆乱码,虽然不影响查看文件,但是还是很别扭,所以加上filePath
参数,并在最后加上对应文件名
要注意在微信小程序后台配置downloadFile合法域名!