美文网首页
windows 设置 node build pdf.js

windows 设置 node build pdf.js

作者: wrunbao | 来源:发表于2017-02-28 11:33 被阅读0次

    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已经替我们做过了

    相关文章

      网友评论

          本文标题:windows 设置 node build pdf.js

          本文链接:https://www.haomeiwen.com/subject/bohxgttx.html