1. 从 github 下载编译好的 pdf.js 压缩包
地址:https://github.com/mozilla/pdf.js/releases
在里面找到并下载
2. 解压下载好的压缩包
里面有两个文件夹 web
和 build
3. 复制这两个文件夹到自己的web开发路径
假设到 /asset/web
和 /asset/build
4. 在自己的目录中引用上述复制的文件
在该显示pdf的地方 加上一句
<iframe src="/asset/web/viewer.html?file=/example.pdf" width="100%" height="100%"></iframe>
前面的路径/asset/web/viewer.html
根据需要自己换
后面的PDF路径 /example.pdf
根据需要自己换
5. 自定义显示的PDF样式
所有的样式定义在 web/viewer.html
中,可以根据需要自己改
比如去掉工具栏,则213行 toolbar这里,直接隐藏了,如图所示。隐藏其他元素同理。
style="visibility:hidden"