Vue中用PDF.JS小技巧

作者: 肆意木 | 来源:发表于2018-10-02 11:38 被阅读11次

    Git 地址:https://github.com/hutingting119/PDF.js 这是我前段时间在网上找到的源码,等我忙完整理文档的时候,已经找不到原出处了,特此说明。

    用法:

    注释已经说得很清楚了,我记录一下我的用法,因为我的页面不止有 PDF 预览框,还有其它功能,我还没有把源码吃透,所以不想直接在 viewer.html 文件中添加,所以我把 viewer.html 当作一个 iframe 标签使用,调用打开的页面:

    var url = "preview.html";
    var options = {
     width:screen.width,
    height:screen.height
    }
    gui.Window.open(url,options);
    

    preview.html 页面:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>PDF预览</title>
    </head>
    <body>
    -------------
    
    <iframe :src="fileUrl" frameborder="0"></iframe>
    -------------
    </body>
    <script>
        var fileUrL = 'static/pdf/web/viewer.html?file='+'后台取到的地址数据'
    </script>
    </html>
    

    相关文章

      网友评论

        本文标题:Vue中用PDF.JS小技巧

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