js显示pdf文件,前端预览pdf的插件
PDF.js是基于HTML5的PDF阅读器,兼容大多数主流浏览器,使用起来相对简单。步骤如下:
1.下载PDF.js插件
下载地址:http://mozilla.github.io/pdf.js/getting_started/#download
2.文件部署
创建一个新文件夹,并将PDF.js插件文件放入新创建的文件夹中。
3.新建index.html
HTML文件代码如下:
!DOCTYPE html html head meta charset= utf-8 meta name= viewport content= width=device-width,initial-scale=1,Maximum-scale=1 meta name= Google content= no translate meta http-equiv= x-ua-compatible content= ie=edge title 《使用指南》-lemon课件/titlescriptfunction openfile(){ var URL= pdf . pdf ;window . open( pdf js/web/viewer . html?file= URL);}/script/head body input type= button onclick= openfile() value= open /body/html4.将pdf.pdf文件放到pdfjs/web/下
5.点击浏览即可。
注意:因为pdf.js需要依赖HTTP和HTTPS协议。所以直接浏览索引打开报错。接受服务,或浏览idea。
这就是本文的全部内容。希望对大家的学习和支持有帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。