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

简介:
+关注继续查看

平台之大势何人能挡? 带着你的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

收工~

目录
相关文章
|
3月前
|
JavaScript
js上传图片本地预览(整理)
js上传图片本地预览(整理)
|
3月前
|
前端开发
前端实现在线预览文档(pdf、doc文件)
前端实现在线预览文档(pdf、doc文件)
|
5月前
|
Web App开发 JavaScript 安全
利用pdf.js在线展示PDF文档
利用pdf.js在线展示PDF文档
121 0
|
10月前
pdf.js 怎么预览 base64 类型的 pdf 文件
pdf.js 怎么预览 base64 类型的 pdf 文件
338 0
pdf.js 怎么预览 base64 类型的 pdf 文件
|
10月前
|
缓存 前端开发 JavaScript
pdf.js预览pdf文件流(base64)
新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件的文件流base64字符串,前端只能拿到base64来进行预览。 pdf.js是一款非常优秀的pdf解析工具,但不支持直接预览文件流,这里需要对pdf.js稍微改造。
953 0
pdf.js预览pdf文件流(base64)
|
10月前
|
JavaScript
vue里怎么使用pdf.js实现pdf文件的预览功能
vue里怎么使用pdf.js实现pdf文件的预览功能
538 0
vue里怎么使用pdf.js实现pdf文件的预览功能
|
11月前
|
前端开发 Linux Docker
NetCore实战:基于html生成pdf文件案例讲解
WkHtmlToPdfDotNet是基于本地 wkhtmltopdf封装的.NET Core类库,主要通过webkit引擎实现html页面转换为pdf文件。并且支持在Windows、Docker、Linux、MacOSX运行。
NetCore实战:基于html生成pdf文件案例讲解
|
12月前
|
存储 JavaScript 前端开发
js实现灵活下载和预览网络链接pdf文件
js实现灵活下载和预览网络链接pdf文件
741 0
|
12月前
|
前端开发 JavaScript
JS案例:将前端页面导出为PDF
JS案例:将前端页面导出为PDF
319 0
JS案例:将前端页面导出为PDF
|
Java 应用服务中间件 对象存储
富文本编辑器Ueditor实战(二)-图片上传
本文重点阐述了如何扩展Ueditor的图片上传功能,以及在实际中,如何根据项目实际情况,设置图片信息的动态展示思路。
500 0
富文本编辑器Ueditor实战(二)-图片上传
推荐文章
更多