在线浏览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

收工~

目录
相关文章
|
9月前
|
存储 JSON JavaScript
【2023-08-20】最新PDF.js PDF批注注释插件库:创建、保存和管理PDF注释批注(高亮、文本框、绘图、截屏、历史记录、橡皮檫)-pdf.js
探索基于pdf.js-dist开发的纯Javascript PDF批注插件库,支持保存、导出、导入和管理PDF文件中的批注。多个功能模块为您提供丰富的PDF注释体验。
313 0
【2023-08-20】最新PDF.js PDF批注注释插件库:创建、保存和管理PDF注释批注(高亮、文本框、绘图、截屏、历史记录、橡皮檫)-pdf.js
|
JavaScript
vue里怎么使用pdf.js实现pdf文件的预览功能
vue里怎么使用pdf.js实现pdf文件的预览功能
767 0
vue里怎么使用pdf.js实现pdf文件的预览功能
|
存储 JavaScript 前端开发
js实现灵活下载和预览网络链接pdf文件
js实现灵活下载和预览网络链接pdf文件
878 0
pdf.js 怎么预览 base64 类型的 pdf 文件
pdf.js 怎么预览 base64 类型的 pdf 文件
492 0
pdf.js 怎么预览 base64 类型的 pdf 文件
|
JavaScript 前端开发 HTML5
PDF转图片,PDF转JPG/PNG,完全由JS实现
原理 使用pdf.js预览图片,pdf.js将pdf通过canvas将每一页渲染出来,然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库,无需任何本地支持就可以在浏览器上显示pdf文档。
14289 1
|
2月前
|
JSON JavaScript 前端开发
vue项目使用Print.js插件实现PDF文件打印
vue项目使用Print.js插件实现PDF文件打印
77 0
|
4月前
|
移动开发 JavaScript
echarts生成图表并下载为PDF文件(附带js源码地址)
echarts生成图表并下载为PDF文件(附带js源码地址)
40 0
|
6月前
|
JavaScript 前端开发 安全
|
6月前
|
JSON JavaScript 前端开发
【2023-11-01】一款基于 pdf.js 的 PDF 批注注释插件库(纯JS、高亮、画笔、多边形、历史记录)
基于纯 JavaScript 和 PDF.js 做的一款 PDF 批注拓展插件-PDFMaster,一款仍能兼容支持IE 11的PDF批注插件,界面美观功能强大,有无开发经验都可以快速简单快速使用。
157 0
【2023-11-01】一款基于 pdf.js 的 PDF 批注注释插件库(纯JS、高亮、画笔、多边形、历史记录)
|
10月前
|
Web App开发 JavaScript 安全
利用pdf.js在线展示PDF文档
利用pdf.js在线展示PDF文档
245 0