zdz8207

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

分类:

技术点:

相关文章:

  • 2021-12-09
  • 2022-12-23
  • 2022-12-23
  • 2021-11-14
  • 2022-12-23
  • 2021-12-16
  • 2022-12-23
  • 2021-12-19
猜你喜欢
  • 2021-12-18
  • 2021-09-13
  • 2022-12-23
  • 2021-06-01
  • 2022-12-23
  • 2021-09-23
相关资源
相似解决方案