在线浏览PDF之PDF.JS (附demo)

摘要: 平台之大势何人能挡? 带着你的Net飞奔吧!:http://www.cnblogs.com/dunitian/p/4822808.html#skill 下载地址:http://mozilla.github.

平台之大势何人能挡? 带着你的Net飞奔吧!:http://www.cnblogs.com/dunitian/p/4822808.html#skill

下载地址:http://mozilla.github.io/pdf.js/getting_started/#download

解压打开,这两个文件夹是精华

你可以自己看看目录

我们的目标是:web/viewer.html

先打开看看:

噢,shit 了(PDF.js默认情况下不可以打开本地PDF文件(发布后可以打开服务器文件),也不可以跨域浏览PDF

我们抱有怀疑的态度,好吧,先看看能不能用:

工具是没有问题的,好吧下面我们开始部署并写个demo:

建一个项目,把build和web目录拷贝进来

我们继续浏览viewer.html看看:

神奇的事情发生了,我们不需要写代码呢?

打开viewer.js看看

里面是配置环境的,default_url 是默认打开的pdf路径

继续看源代码,发现他可以通过file参数来指定pdf的路径

那么就简单了,上个demo:(下载地址https://github.com/dunitian/PDFJSDemo

在线演示:http://dnt.dkill.net/DNT/PDF/pdfjs/demo.html

收工~

原文
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值