一次在開發(fā)微信預覽保單的時候所使用到的，由于安卓手機瀏覽器不支持解析PDF，所以才用了PDF.js來解析PDF并展示。

創(chuàng)新互聯(lián)專注于大埔網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供大埔營銷型網(wǎng)站建設，大埔網(wǎng)站制作、大埔網(wǎng)頁設計、大埔網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務，打造大埔網(wǎng)絡公司原創(chuàng)品牌,更為您提供大埔網(wǎng)站排名全網(wǎng)營銷落地服務。

pdf.js 是一個技術原型主要用于在 HTML5 平臺上展示 PDF 文檔，無需任何本地技術支持。

在線演示地址：http://mozilla.github.com/pdf.js/web/viewer.html

PDF.js可在官網(wǎng)下載  地址：http://mozilla.github.io/pdf.js/

解壓后的目錄結(jié)構是：

其中build目錄是PDF.js的核心文件。

web目錄是PDF.js的配置與顯示文件。

viewer.html是負責顯示PDF的，viewer.js是負責配置的文件。viewer.js中：

其中var DEFAULT_URL 是默認解析的PDF文件，可以對他進行替換。

pdf.js的使用方式（一）：

對于簡單只展示一張PDF文件的使用只需要將

默認路徑配置好即可，但是很多情況這種方式不滿足開發(fā)需求。

pdf.js的使用方式（二）：

在地址欄后面?zhèn)?#63;file=test.pdf 即可完成對默認路徑的修改

http://localhost:8080/pdfjs/web/viewer.html?file=test.pdf     //這種最好不要傳輸中文   具體我沒用試過

這里的test.pdf 取與viewer.html的相對路徑即可（整個服務器的絕對路徑也行）

pdf.js的使用方式（三）：

通過為window.localStorage.pdf賦值修改PDF的路徑（經(jīng)過測試最好寫http協(xié)議的路徑）

例如：

window.localStorage.pdf= 'http://localhost:8080/pdf/20140620/000000091534588.pdf';
window.location.href=basePath+"jsTool/openPDF/web/viewer.html";

分享名稱：淺談PDF.js使用心得-創(chuàng)新互聯(lián)
本文路徑：http://weahome.cn/article/dsocch.html