UniApp 平台提供了多种方式来实现 PDF 预览这里不过多演示了
<iframe src="your-pdf-file.pdf" width="100%" height="600px"></iframe>
正常的展示可以使用iframe等实现。在Hbuilder内置浏览器或者外部浏览器都能正常显示,但是打包成安卓之后展示不显示内容,所以需要换一种方法来实现。
正常后端请求回来的是一个pdf网址我们可以通过这个网址进行展示
<web-view :src="pdf"></web-view>
这里会遇到跟上面一样的问题不显示内容我们要多一步操作即可实现
<- https://previewpdf.mumudev.top/?file=${pdf} ->
将请求回来获得到的pdf网址写入去这个网址里面转一下在赋值回去就OK了
const pdf = "这里是你的pdf链接"
const pdfurl = `https://previewpdf.mumudev.top/?file=${pdf}`
最后将转好后的变量写入src即可
<web-view :src="pdfurl"></web-view>
最后效果是这样