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