简单的移动端打开pdf文件。

业务需要，在做一个医疗产品类型的项目。其中大多是对医疗设备的一系列处理方案。最近产品需求需要给每个产品型号添加一个pdf类型的产品使用说明详情。

简单的说就是在产品这个表中加一个字段存储pdf文件，用户在微信端扫描二维码可以查看这个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

简单的移动端打开pdf文件。相关推荐

移动端实现PDF文件阅读的方法
2019独角兽企业重金招聘Python工程师标准>>> 前言: 我们知道,Android系统本身不具备打开PDF文件的能力,因此在Android 要实现 PDF 阅读功能需要借助于第 ...
[html] 如何在页面打开PDF文件？
[html] 如何在页面打开PDF文件? 移动端如果是安卓的不太能实现直接打开PDF文件,需要使用pdfjs将pdf转换成canvas,再在页面上展示个人简介我是歌谣,欢迎和大家一起交流前后端知识 ...
php手机打开pdf文件怎么打开,PDF文件怎么打开？手机打开PDF及编辑的技巧
PDF文件怎么打开呢?很多小伙伴觉得PDF格式的文件打开比较麻烦,其实我们直接用微信或者QQ就能打开PDF格式的文件. --收到好友发送的PDF文件: --直接点击文件即可打开: 但是一般这样直接打开 ...
Android用PdfRenderer类开发打开pdf文件的功能
PdfRenderer是Android官方用于开发打开pdf文件功能的类,今天介绍一下它的最基本的使用.Android官方有一个相关的Sample,项目名是PdfRendererBasic,大家也可以 ...
打开PDF文件需要使用什么软件？看完你就明白了
当我们打开一个PDF文件时,该使用什么软件呢?PDF文件大家对它的使用需求还是挺高的,一般我们传输文件接收文件都会使用到这个格式文件,但是当我们打开PDF文件时,需要下载什么软件呢?很多小伙伴会说直接 ...
教你如何简单压缩过大的PDF文件
PDF文件现在广泛应用于各大办公场所,只要有办公的地方就可以看到PDF文件,文件都有大小之分,PDF文件也不例外,遇到过大的文件该怎么呢,小编教你如何简单压缩过大的PDF文件! 操作方法要借助压缩软件 ...
深入理解pdf.js，PDFObject, iframe 三种方式来打开PDF文件的区别
浏览器原生就是支持打开PDF文件的. 所以使用iframe打开就相当于是使用浏览器自带的PDF插件打开,这个很好理解. 至于PDFObject,他是借助了embed这个标签,这个标签是什么概念? HT ...
计算机提示pdf不能加载,Win7打开PDF文件提示无法自定义打开程序的解法
用户在 ghost Win7系统打开PDF文件时提示无法自定义打开程序方式,一般打开程序系统会默认打开方式,但是有时候默认的打开方式并不适合当前的文件.Win7系统打开PDF文件提示无法自定义打 ...
如何在计算机里查找pdf文件,电脑上怎么打开PDF文件你值得一看的技巧
如果电脑上没有相关联程序的话是无法打开查看pdf格式的文件的,但实际上pdf格式的文件也是一种文档格式,可以打开查看也可以被编辑的,下面就简单介绍如何打开pdf文件. 工具/材料电脑.word或wp ...

简单的移动端打开pdf文件。

简单的移动端打开pdf文件。相关推荐

最新文章

热门文章