現在的瀏覽器基本都支持直接把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;');
好了,代碼測試通過!!
參考鏈接: