php pdf.js打开文件夹下pdf,使用pdf.js在线查看PDF

最近需要在安卓移动端上打开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中访问就行了。

具体目录如下:

qq.png

11.png

22.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值