链接在此
首先就是访问pdf.js官网
点击官网中的“Download“按钮，将文件下载到本地
将从pdf.js官网下载下来的zip文件解压出来
将解压出来的文件全部拷贝到你的整个项目中。我是新建了一个pdf.js文件夹，将解压出来的文件全部放到了这个文件夹里面
首先进入web文件夹下打开viewer.js，找到value: ‘XXXXXX-09.pdf’, 这个就是默认的pdf的demo文件，可以直接删除value的值，这样就确保我们可以打开多个pdf文件，删除后保存
defaultZoomValue: { value: '', },
<a href="../pdf.js/web/viewer.html?file=http://ganto.xyz/study/Advanced mathematics/_0.pdf">高数预备知识作业_0</a>
配置自己项目这里我们用a标签为例，大家可以看到href的内容，前面“../pdf.js/web/viewer.html”是web->viewer.html这个html文件的路径，然后?file= 后面的“http://ganto.cn/study/Advanced mathematics/_0.pdf”就是自己项目中的pdf文件的路径。理解这样写并不难，大家打开web路径下的这个viewer.html文件，是一个空的pdf.js插件提供的一个基于浏览器的pdf阅读器，而a标签中的href的内容大致可以理解为：将pdf文件放到pdf阅读器中打开（浏览）。并且这个阅读器是基于浏览器的，所以就实现了移动端浏览器直接用pdf.js插件提供的pdf阅读器浏览pdf文件的目的！
本文链接：https://heri.ganto.cn/2020/01/09/pdf-js/
本文更新于：2021-03-04 17:09:18
小站声明：如果你需要“转载”、“引用”小站的文章，可以不需要作者同意，请务必标明出处和文章链接。