zoukankan      html  css  js  c++  java
  • 用pdf.js实现在移动端在线预览pdf文件

    用pdf.js实现在移动端在线预览pdf文件
    1、下载pdf.js
        官网地址:https://mozilla.github.io/pdf.js/

    2、配置
        下载下来的文件包,就是一个demo,仿照这个demo做就可以
        (1)页面元素如下:    
    <button class="product-term to-clause" id="noteDetail">test</button>
    <button class="to-clause" id="clauseDetail">testxxx</button>
        (2)js代码如下:
    $('#clauseDetail').click(function () {
    window.open('../viewer.html?file=xxx-clause.pdf');
    });

    注意:viewer.html就是下载下来文件包中的那个viewer.html,在此html中需要引入viewer.css、
    locale.properties、pdf.js和viewer.js。修改viewer.js中的以下代码:
    var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf';修改为 var DEFAULT_URL = '';

    需要预览的pdf文件,就是window.open('../viewer.html?file=xxx-clause.pdf');中的xxx-clause.pdf文件。

    注意:pdf文件需要和viewer.html放在同一个目录下,如果不在同一个目录下,需修改路径。

    通过以上的配置,就可以在线预览pdf文件了

  • 相关阅读:
    6.8
    6.7
    6.2
    6.1儿童节
    5.24
    5.22
    5.18
    5.17
    Visual Studio开始一个HelloWorld的enclave程序
    以太坊MPT树的HP(Hex-Prefix)编码
  • 原文地址:https://www.cnblogs.com/zdz8207/p/html5-pdf-js.html
Copyright © 2011-2022 走看看