js显示pdf文件,前端预览pdf的插件

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: