最近需要在安卓移动端上打开pdf文件,上网查找到了一种利用pdf.js的方法,官方说法PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品。
简单说就是一个 PDF 解析器。运用HTML5JavaScript(即pdf.js仅使用安全的web语言,不包含任何攻击者可以用的本地代码块)的PDF阅读器pdf.js,直接在标准的HTML页面上载入和渲染PDF文件, 还可以提高安全性(不需要安装第三方插件,安全性由浏览器保证),浏览器所做的安全措施已经为pdf.js提供了安全的运行环境。其对IE和 FireFox浏览器的要求是IE9+, FireFox19+,仔细看官方文档或查明资料就行了。
第二步:新建一个PDF文件并将源码拷贝进项目中
第三步:PDF文件夹中新建index.html页面,页面内容为:(路径中涉及到的pdf改为自己的)
<!DOCTYPE html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
<title>pdf</title>
</head>
<script language="javascript">
function tanchu(a) { }
</script>
<body>
<a href="#" οnclick="window.open('web/viewer.html?file=ThinkPHP3.2.3.pdf','PDF','width:50%;height:50%;top:100;left:100;');" style="display:block;margin:0 auto; position:absolute;width:300px;height:100px;top:50%;left:50%;margin-left:-150px;margin-top:-50px;text-align: center;">查看ThinkPHP3.2.3.pdf</a>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPEhtml><!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0"/>
<title>pdf</title>
</head>
<scriptlanguage="javascript">
functiontanchu(a){}
</script>
<body>
<ahref="#"οnclick="window.open('web/viewer.html?file=ThinkPHP3.2.3.pdf','PDF','width:50%;height:50%;top:100;left:100;');"style="display:block;margin:0 auto; position:absolute;width:300px;height:100px;top:50%;left:50%;margin-left:-150px;margin-top:-50px;text-align: center;">查看ThinkPHP3.2.3.pdf</a>
</body>
</html>
第四步:修改viewer.js
var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf' 路径替换为:var DEFAULT_URL = '';
第五步:存放自己的pdf
将需要的ftp,例如ThinkPHP3.2.3.pdf,放到web文件目录下
第六步:然后放在ftp中访问就行了。
具体目录如下: