手机端pdf文件预览pdf.js使用方法详解

虽然H5页面可以通过A直接访问html 但可惜的是 手机端H5页面这样做就直接变下载了
那么想要实现手机端的pdf文件预览就需要用到pdf.js了
首先 我们访问地址 http://mozilla.github.io/pdf.js/

或者你也可以在我的资源中下载
https://download.csdn.net/download/weixin_45966674/69298036

下载完成后我们在下载的东西中找到 pdfjs文件夹 和 php.js
就这两个东西就够了
然后我们在页面中引入
php.js

<script type="text/javascript" src="./php.js"></script>

不要盲目复制哦 注意自己的文件路径

然后我们在js中展开pdf文件

window.location.href = "./pdfjs/web/viewer.html?file=" + "http://file.lanxili.vip/Portal/20211210/f30f8266a93b4cf9bc1eebbdc971719c.pdf"

这个也要看着理性复制哦 注意自己项目中viewer.html的路径 别路径错找不到问题
viewer.html主要就是用来展示pdf文件的
然后我们打开页面就能看到完美的pdf效果了