1.下载node
第一步: 下载node.js的windows版
当前最新版本是http://nodejs.org/dist/v7.6.0/node-v7.6.0-win-x64.zip
解压后 放到c:\cmd\node目录里
把node.exe所在目录加入到PATH环境变量中。
在我的电脑右击 点属性
新建NODE_PATH 变量 设置路径 c:\cmd\node;c:\cmd\node\node_modules;
在PATH 里面加入 c:\cmd\node\node.exe
测试:配置成功后可以在CMD中通过node --version 看到node.js对应的版本号
C:\Users\fn>node --version
v7.6.0
2.下载 git
https://git-scm.com/download/win
测试
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
可以通过传递file形参来动态指定打开的pdf文件!如:
http://localhost:8080/generic/web/viewer.html?file=qbs.pdf
一种解决思路是:我们可以把file形参的值,先编码,然后再解码来解决这个问题!
此时,就可以请encodeURIComponent()函数出场了!因为其为js函数,所以需要在文档就绪函数中动态为iframe设置src的值,如下所示:
$(function(){
$("#displayPdfIframe").attr("src",'?file=' + encodeURIComponent(''));
});
既然有编码,那么就一定要有解码来解析他,不过这个工作generic/web/viewer.js已经替我们做过了