利用pdfJS实现以读取文件流方式在线展示pdf文件

PDF.js 的使用

PDFJS是在线预览PDF的一款神器。 对于PC端浏览器,一般直接提供pdf文件,iframe一下就可以直接预览了。我使用这个插件的原因是在移动端,android微信无法在线预览,原因是微信android使用x5的内核,就是QQ浏览器的那个貌似它只要检测到文件流,就会直接下载。
官网地址:http://mozilla.github.io/pdf.js/

  • 下载PDF.js
    笔者下载是1.9.426 如图
    下载版本
    解压后有 web 和 build 两个文件夹 如图
    解压后示意图

  • 运行示例
    将解压后的文件夹直接丢到tomcat下 访问 ip:port/文件夹名称/web/viewer.html
    显示的是 web 文件夹下的compressed.tracemonkey-pldi-09.pdf
    这里写图片描述

  • 修改默认打开PDF
    我们只用修改viewer.js文件中的pdf路径参数即可:
    var DEFAULT_URL = ‘09.pdf’;
    如果pdf文件与viewer.html不在一层目录中,改成相对路径即可:
    var DEFAULT_URL = ’ ../doc/ 09.pdf’;

    viewer.html可以通过页面参数传值的方式加

  • 11
    点赞
  • 52
    收藏
    觉得还不错? 一键收藏
  • 21
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值