前端使用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