简单的移动端打开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

时间: 2024-11-08 04:42:56

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

web中打开PDF文件

首先引用js 文件 1.  <script type="text/javascript" src="JS/pdfobject.min.js"></script>  <script type="text/javascript" src="JS/pdfobject.js"></script> 2. 引用样式 :(该样式是不可缺少的因为在这里设置页面中PDF的高度) <style

在linux终端下打开pdf文件

已经使用linux有很长的时间了,感觉linux的终端使用起来非常的方便.但是怎么在linux下用命令的方式打开pdf文件呢.我查了一下,打开pdf的命令是: evince [filename] 例如当前的目录下有一个hello.pdf文件,那么我们可以使用以下命令打开它: evince hello.pdf

viewerjs 在html打开图片或打开pdf文件使用案例

开发者常用到在线访问pdf,txt,浏览图片的插件,这里推荐viewer.js这个插件,简单好用.它的核心亮点就是查看图片和pdf功能.老早以前就用过的,昨天一个小伙伴问我Android开发在线浏览pdf怎么弄?我一下想到这个插件,帮人搞出来了,感觉这个还是得总结一下才好,不然觉得简单又容易忘记. 1.使用viewerjs浏览图片 使用前需要先引入:css.js <link rel="stylesheet" type="text/css" href="

简单快速有效地将PDF文件转换成Word

写论文的时候需要大段地引用知网下载下来的前人论文内容,但是数据库的论文下载下来大部分几乎都是pdf格式的,所以这成了让人很头疼的事情,后来经过方法的寻找,我发现了一款很有用的转换器软件,解决了我的一大烦恼. 这款软件名字叫做迅捷pdf转换器,是一款最快捷的PDF文件转换到Word文档工具,它可以帮助用户生成一个与原PDF文件一模一样的Word格式文档,而这个文档完好地保留了原有排版及所有元素.如文字.图片.链接.图表.表格.样式等都可以很好的保留在Word文档中,接下来用户就可以很方便的修改或重

Jquery Media插件使用,解决在线预览及打开PDF文件

用到过PDF的媛媛and猿猿们,总会发现这大千世界之万能播放器插件,总能少了对媒体控制的接口. 你总会发现PDF无法像img图片一样正常加载展现出来,那么我们在通用语法的基础上拓展出了适用于预览及打开的PDF插件便于开发应用. 最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了. 该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverl

jquery在线预览PDF文件,打开PDF文件(向下兼容ie8、ie7)

最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了. 核心代码 Html代码   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

web 打开pdf文件

来源:http://blog.csdn.net/nvhaixx/article/details/14451373 aspx页面代码 1 <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="4444_pdfLoad.aspx.vb" Inherits="WebUI._pdfLoad" %> 2 3 <!DOCTYPE html PUBLIC &q

winform无需安装pdf阅读器打开pdf文件

控件来源:http://www.o2sol.com/pdfview4net/download.htm (使用版本:2016年8月31号更新版) 备份链接: https://pan.baidu.com/s/1b6pJ0E 密码: bu3r 里面包含4个文件夹Bin.Help.Samples.SupportFiles,其中Bin里面就是要用到的dll,Samples里面是官方例子 简单使用例子: 引用两个dll,从工具箱中把PdfDocument和PdfPageView拖入界面,如果工具箱中没有这两

C#调用系统注册程序打开pdf文件

1 private void btn_帮助文档_ItemClick(object sender, ItemClickEventArgs e) 2 { 3 try 4 { 5 System.Diagnostics.Process.Start(@"..\help\软件系统帮助文档.pdf"); 6 } 7 catch(Exception ex) 8 { 9 MessageBox.Show(ex.Message); 10 } 11 }