移动端打开pdf文件

这个东西之前是没有接触过的,只知道很多应用自带的有pdf解析器,比如qq。qq解析pdf文件样式是很好看的,但是目前没有找到类qq方面的解析pdf方法,在网上搜索用到的最多的就是使用pdf.js去解析

首先去官网上下载pdfjs。我下载的地址为:http://mozilla.github.io/pdf.js/,pdf的demo 必须在web项目中打开,所以必须得部署web项目。

下载完之后放在项目的webapps下面:

然后查看pdf/web/viewer.js文件。

ctrl+f查找DEFAULT_URL 会查找到这样var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf';

这个是这个pdfjs默认的js文件,可以先写个demo.jsp页面测试是否使用成功:

然后再网上上访问这个页面成功的话可以看到:

这个pdf就是pdfjs默认给的pdf文件。

然后把自己的项目映射到外网上用手机打开查看显示为:

这个成功之后,接下来是查看自己传入的pdf文件:

我们要把var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf';设置为空值:var DEFAULT_URL = '';

用一个点击按钮事件去查看传入的pdf文件:

如果想替换pdfjs默认的文件需要在${pageContext.request.contextPath}/pdf/web/viewer.html?file=?去传入所需要预览的pdf文件。

这个id是我数据表中的一个要查看的产品信息的id,后台根据这个id查询出所需要的pdf文件(这个pdf文件是在之前传入的,存放在数据库的表中)。

我们将pdf以文件流的方式传入 ,所以需要后台代码处理 ,也就是方法:/test/displayPDF/{id} 。如下:

这样,在页面上点击按钮就可以查看相应的pdf文件了。其实也就是替换默认的pdf文件,只要第一次的测试顺利打开了js默认给的pdf文件,哪接下来就是替换工作了。

转载于:https://www.cnblogs.com/ka-bu-qi-nuo/p/9106384.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,422评论 19 139
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,700评论 1 92
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,058评论 6 342
  • 今天看到结香花开了,看来是我记错了时节,是早春开的花。 生活中总是有这么多美好,春暖花开,心里似乎也有小小的花开出...
    自由和安阅读 1,657评论 1 1
  • 今早上班的时候,迷迷糊糊的闯个红灯,吓的一身冷汗,轻则12分,重则后半生前途渺茫啊,带着红袖章的大爷指着我说,小伙...
    最欧阳阅读 1,599评论 0 0