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文件了

  • 相关阅读:
    css 定位
    css inline忽略宽和高
    css clear属性
    关系型数据库与nosql
    链接标签<a>的css定义规则
    1em=16px
    text-align的justify属性
    2393Cirno的完美算数教室 容斥
    bzoj4665小w的喜糖 dp+容斥
    bzoj4558[JLoi2016]方 容斥+count
  • 原文地址:https://www.cnblogs.com/zdz8207/p/html5-pdf-js.html
Copyright © 2011-2022 走看看