pdf.js文档是一款很多用户经常使用到的pdf插件,能够用于在线浏览pdf文件,能够基本支持所有主流的浏览器,使用十分方便,有需要的朋友欢迎来下载,本站还有更多精彩资源!
pdf.js介绍
pdf.js是为html5实现的在线预览pdf框架,所以使用的前提是浏览器要支持html5。该插件不需要任何本地支持,对浏览器的兼容性也比较好(低版本的ie浏览器请绕行)。
优缺点说明
——优点
免费,开源的,这点十分重要
功能强大,缩放,打印,查找功能应有尽有
纯js实现,客户不需要安装额外的插件
兼容主流浏览器,火狐,谷歌,ie9+都支持
——缺点
js文件偏大,加载一起3m多,即便压缩后,两个核心js文件也在1m左右,会影响加载速度
引文使用H5 技术,ie8 以及ie8 以下的浏览器不支持。
pdf.js使用教程
一、对于简单只展示一张PDF文件的使用只需要将默认路径配置好即可,但是很多情况这种方式不满足开发需求。
二、通过为window.localStorage.pdf赋值修改PDF的路径(经过测试最好写http协议的路径)
例如:
window.localStorage.pdf= 'http://localhost:8080/pdf/20140620/000000091534588.pdf';
window.location.href=basePath+"jsTool/openPDF/web/viewer.html";
三、在地址栏后面传?file=test.pdf 即可完成对默认路径的修改
http://localhost:8080/pdfjs/web/viewer.html?file=test.pdf //这种最好不要传输中文 具体我没用试过
这里的test.pdf 取与viewer.html的相对路径即可(整个服务器的绝对路径也行)
四、摘自(官网的例子),http://mozilla.github.io/pdf.js/examples/
1、页面引入pdf.js。
2、使用PDFJS.getDocument('helloworld.pdf')方式加载要打开的PDF文件。
3、通过PDFJS.getDocument('helloworld.pdf').then(function(pdf){// you can now use *pdf* here});then方式处理后续的方法
4、pdf.getPage(1).then(function(page){// you can now use *page* here});加载PDF的第一页
5、通过h5的canvas进行展示。