微信小程序实现pdf预览
1 使用web-view
// fileUrl为pdf文件网络路径 https://----.pdf
<web-view src="{{fileUrl}}"></web-view>
出现问题:苹果端显示正常,但是安卓端显示不了,这是因为Android 默认的 WebView 控件并不直接支持显示 PDF 文件,所以就由一下方法来解决。文章来源:https://www.toymoban.com/news/detail-765517.html
2 使用wx.downloadFile()在成功之后使用wx.openDocument()
此方法兼容苹果端和安卓端文章来源地址https://www.toymoban.com/news/detail-765517.html
//urll为pdf文件网络路径 https://----.pdf
previewPdf(urll) {
const that = this
let url = urll
wx.showLoading({
title: '加载中'
});
wx.downloadFile({
url,
success: ({
tempFilePath: filePath
}) => {
wx.openDocument({
filePath,
fail: (err) => {
console.log('这是打开报错值:' + err)
},
complete: () => {
wx.hideLoading()
}
})
},
fail: (err) => {
console.log('这是请求报错:', err)
wx.hideLoading()
}
})
},
到了这里,关于微信小程序实现pdf预览(苹果安卓兼容)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!