windows 设置 node build pdf.js

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

windows 设置 node build pdf.js_第1张图片

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(''));

});

windows 设置 node build pdf.js_第2张图片

既然有编码,那么就一定要有解码来解析他,不过这个工作generic/web/viewer.js已经替我们做过了

你可能感兴趣的:(windows 设置 node build pdf.js)