pdf.js文檔是一款很多用戶經(jīng)常使用到的pdf插件，能夠用于在線瀏覽pdf文件，能夠基本支持所有主流的瀏覽器，使用十分方便，有需要的朋友歡迎來(lái)下載，本站還有更多精彩資源！

pdf.js介紹

pdf.js是為html5實(shí)現(xiàn)的在線預(yù)覽pdf框架，所以使用的前提是瀏覽器要支持html5。該插件不需要任何本地支持，對(duì)瀏覽器的兼容性也比較好（低版本的ie瀏覽器請(qǐng)繞行）。 

優(yōu)缺點(diǎn)說(shuō)明

——優(yōu)點(diǎn)

免費(fèi)，開源的，這點(diǎn)十分重要

功能強(qiáng)大，縮放，打印，查找功能應(yīng)有盡有

純js實(shí)現(xiàn)，客戶不需要安裝額外的插件

兼容主流瀏覽器，火狐，谷歌，ie9+都支持 

——缺點(diǎn)

js文件偏大，加載一起3m多，即便壓縮后，兩個(gè)核心js文件也在1m左右，會(huì)影響加載速度 

引文使用H5 技術(shù)，ie8 以及ie8 以下的瀏覽器不支持。

pdf.js使用教程

一、對(duì)于簡(jiǎn)單只展示一張PDF文件的使用只需要將默認(rèn)路徑配置好即可，但是很多情況這種方式不滿足開發(fā)需求。

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

例如：

window.localStorage.pdf= 'http://localhost:8080/pdf/20140620/000000091534588.pdf';

window.location.href=basePath+"jsTool/openPDF/web/viewer.html";

三、在地址欄后面?zhèn)?file=test.pdf 即可完成對(duì)默認(rèn)路徑的修改

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

這里的test.pdf 取與viewer.html的相對(duì)路徑即可（整個(gè)服務(wù)器的絕對(duì)路徑也行）

四、摘自（官網(wǎng)的例子），http://mozilla.github.io/pdf.js/examples/ 

1、頁(yè)面引入pdf.js。

2、使用PDFJS.getDocument('helloworld.pdf')方式加載要打開的PDF文件。

3、通過(guò)PDFJS.getDocument('helloworld.pdf').then(function(pdf){// you can now use *pdf* here});then方式處理后續(xù)的方法

4、pdf.getPage(1).then(function(page){// you can now use *page* here});加載PDF的第一頁(yè)

5、通過(guò)h5的canvas進(jìn)行展示。