zoukankan      html  css  js  c++  java
  • 使用pdfjs插件在线预览PDF文件

    本文介绍在html中使用 pdfjs插件在线预览PDF文件的方法。 

    下载 pdfjs 并引入项目中

    到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download,下载pdfjs插件包,注意下载Stable稳定版的包。将下载的压缩包解压并放入项目中

    使用方法

    在 iframe 标签中使用。假设 pdfjs 包放在目录 ../static 下。则写法如下:

    <iframe id="previewpdf" src=""../static/pdfjs/web/viewer.html?file="+url+"#page=1" width="100%" frameborder="0"></iframe>

    其中,src中的url是pdf文件的预览地址、page是设置pdf打开时从第一页开始显示。

    电脑刺绣绣花厂 http://www.szhdn.com 广州品牌设计公司https://www.houdianzi.com

    样例

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>pdf文件预览</title>
            <script src="../JavaScript/jquery-2.2.4.js"></script>
            <script type="text/JavaScript">
                $(function () {
                    var url = getPdfPreviewUrl(); //获取pdf预览地址
                    $("#pdfContainer").attr("src", "../static/pdfjs/web/viewer.html?file="+url+"#page=1");
                });
            </script>
        </head>
        <body>
            <div id="showPdf">
                <iframe id="pdfContainer" src="" width="100%" frameborder="0"></iframe>
            </div>
        </body>
    </html>
  • 相关阅读:
    day 15 小结
    python中的数据类型以及格式化输出
    编程语言简介
    计算机简介
    堆排
    Lock锁
    JVM入门
    Java中反射调用私有方法出现NoSuchMethodException
    1248. 统计「优美子数组」
    注解
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13839609.html
Copyright © 2011-2022 走看看