PDF.js插件使用(含部署到windows、nginx的注意事项)
1.下载:
https://mozilla.github.io/pdf.js/getting_started/
2.解压:
建立一个自定义名称,如pdfjs的文件夹再放
3.预览:
http://localhost:8080/web/viewer.html?file=test.pdf
我用的是window.open,url是文件地址,例如:url= 'https://xxx.com/xxx.pdf'
window.open(
'web/viewer.html?file=' +
encodeURIComponent(url)
)
也可以使用iframe:
<iframe src="/web/viewer.html?file=test.pdf"></iframe>
4.跨域:
打开web->viewer.mjs(或viewer.js)文件,搜索"file origin does not match viewer's”找到下面代码所在的位置,然后注释掉就可以实现跨域访问了
禁用下载、打印等功能:不能直接注释会报错,一般建议采用css方式隐藏。例如注释下载功能:打开web->viewer.html文件,搜索关键字“download”,在相关代码段加上style="visibility: hidden;"即可
5.部署:
1). Windows部署
需要设置MIME类型(没用到IIS可以忽略)
.mjs application/javascript
.ftl application/x-freemarker
2). Linux部署
nginx在你的mime.types文件(不同版本位置可能不同)中设置MIMI类型(添加第二张图圈起来的部分)
添加圈起来的部分
6.其他
1). 官方效果预览:https://mozilla.github.io/pdf.js/web/viewer.html
2). PDF.js中文文档:https://gitcode.gitcode.host/docs-cn/pdf.js-docs-cn/index.html










