前言
pdfjs在线预览组件。
原生浏览器预览pdf文件,存在pdf xss跨站攻击风险。推荐使用pdfjs第三方组件在线预览pdf文件。
如何使用
-
下载
官方插件下载地址:https://mozilla.github.io/pdf.js/getting_started/ -
安装
把下载的文件复制到项目中 -
使用pdfjs打开文件
viewer.html是pdfjs自带的网页
需要注意,viewer.html的依赖文件能正常引进
var pdfUrl="你的pdf访问网址";
window.open("viewer.html?file="+encodeURIComponent(pdfUrl));
pdfjs在线预览组件相比pdfh5的预览清晰度高。
遇到的问题
1. invalid or corrupted pdf file
无效的pdf
请检查pdfUrl路径是否正确,是否使用encodeURIComponent()方璐编码路径。