PDF預覽插件pdf.js的使用

　　　　最近須要在移動端展現的html頁面中預覽遠程服務器中的pdf文件，但因爲android手機的瀏覽器不支持pdf格式的文件，遂通過一番搜索，找到了一個名爲pdf.js的插件。

　　它能夠支持pdf在html頁面的展現，且自帶對預覽pdf文件操做工具，通過實際檢測，在Apple手機和android手機均可以正常預覽。

　　pdf.js下載地址:http://mozilla.github.io/pdf.js/

　　其目錄結構：

      

　　　　其中展現的文件

      

 

 

 

　　　　展現文件爲viewer.html

　　　　配置文件爲viewer.js

       

 

 

　　　　defaultUrl中value放的是默認解析pdf文件的地址

　　直接將整個文件夾放入到項目中，調用時能夠用：PDF/web/viewer.html?file=服務地址/文件路徑/kktz_9.pdf

　　調用過程共出現的問題：

　　訪問遠程服務器報file origin does not match viewer's

　　　解決方法：

 

        

 

 

　　　因爲pdf.js不支持跨域請求，因此會報錯：file origin does not match viewer’s，試了不少種方法仍然報錯，因此簡單粗暴的方法就是把viewer.js的判斷遠程地址的代碼註釋掉便可。

　　  參考文章地址：

        https://www.jb51.net/article/141607.htm

　　  https://blog.csdn.net/fuzhongbin/article/details/83576756