1.下載node
?第一步: 下載node.js的windows版
? ?當(dāng)前最新版本是http://nodejs.org/dist/v7.6.0/node-v7.6.0-win-x64.zip
? 解壓后 放到c:\cmd\node目錄里
把node.exe所在目錄加入到PATH環(huán)境變量中。
在我的電腦右擊 點(diǎn)屬性
新建NODE_PATH 變量 設(shè)置路徑 c:\cmd\node;c:\cmd\node\node_modules;
在PATH 里面加入 c:\cmd\node\node.exe
測(cè)試:配置成功后可以在CMD中通過(guò)node --version 看到node.js對(duì)應(yīng)的版本號(hào)
C:\Users\fn>node --version
v7.6.0
2.下載 git
https://git-scm.com/download/win
測(cè)試
C:\Users\yulan-rb>git --version
git version 2.12.0.windows.1
3.下載編譯pdf.js
https://github.com/mozilla/pdf.js/
C:\>cd cmd/pdf.js
C:\cmd\pdf.js>git clone git://github.com/mozilla/pdf.js.git
Cloning into 'pdf.js'...
remote: Counting objects: 44888, done.
remote: Compressing objects: 100% (90/90), done.
Receiving objects:? 24% (10975/44888), 10.50 MiB | 131.00 KiB/s
$ npm install -g gulp-cli
Building PDF.js
$ gulp generic
$ gulp dist
查看demo例子
pdf.js\build\generic\web\viewer.html
可以通過(guò)傳遞file形參來(lái)動(dòng)態(tài)指定打開(kāi)的pdf文件！如：
http://localhost:8080/generic/web/viewer.html?file=qbs.pdf
一種解決思路是：我們可以把file形參的值，先編碼，然后再解碼來(lái)解決這個(gè)問(wèn)題！
此時(shí)，就可以請(qǐng)encodeURIComponent()函數(shù)出場(chǎng)了！因?yàn)槠錇閖s函數(shù)，所以需要在文檔就緒函數(shù)中動(dòng)態(tài)為iframe設(shè)置src的值，如下所示：
$(function(){
$("#displayPdfIframe").attr("src",'?file=' + encodeURIComponent(''));
});
既然有編碼，那么就一定要有解碼來(lái)解析他，不過(guò)這個(gè)工作generic/web/viewer.js已經(jīng)替我們做過(guò)了
