前端使用pdf.js预览pdf文件,超级简单

如今的浏览器基本都支持直接把pdf文件拖到浏览器就能够打开了，不用安装额外的插件。可是不一样的浏览器显示的页面不同。若是咱们想在网页上统一预览pdf怎样实现呢？

Mozilla开源了一个插件pdf.js，无需任何本地支持就能够在浏览器上显示pdf文档。惟一的要求就是浏览器必须支持HTML5。使用方法：

1. PDF.js 能够在官网上下载：http://mozilla.github.io/pdf.js/

2. 解压到目录pdf，再把整个目录拷贝到网站的public目录下。解压后是这样的：

3. 咱们能够使用pdf.js自带的预览界面viewer.html，只需传入pdf文件的url便可。

若是要打开一个pdf文件，直接这样写就能够了：

<a href="/pdf/web/viewer.html?file=file.pdf">Open</a>

若是想在弹窗打开：

window.open('/pdf/web/viewer.html?file=file.pdf','PDF','width:50%;height:50%;top:100;left:100;');

好了,代码测试经过!!

参考连接:

https://www.cnblogs.com/lixiuke/p/10141982.html

https://blog.csdn.net/u014701246/article/details/75221810