如何使用PDF.JS插件实现在HTML中预览PDF文件

这篇文章给大家分享的是有关如何使用PDF.JS插件实现在HTML中预览PDF文件的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联建站专业为企业提供潜江网站建设、潜江做网站、潜江网站设计、潜江网站制作等企业网站建设、网页设计与制作、潜江企业网站模板建站服务,10余年潜江做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

PDF.js是一款基于HTML5建立的PDF阅读器,兼容大部分主流的浏览器,使用起来,也相对简单。步骤如下:

1.下载PDF.js插件

下载地址:http://mozilla.github.io/pdf.js/getting_started/#download

2.文件部署

建新文件夹,将PDF.js插件文件放入新建的文件夹。

3.新建index.html

在HTML文件代码如下:



  
    
    
    
    
    《使用指南》-柠檬课件
    
  
  
    
  

4.将pdf.pdf文件放到pdfjs/web/下

5.点击浏览即可。

注意:因为pdf.js需要依赖http,https协议。所以直接浏览index打开报错。搭个服务,或者用idea的浏览就可以了。

感谢各位的阅读!关于“如何使用PDF.JS插件实现在HTML中预览PDF文件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网页标题:如何使用PDF.JS插件实现在HTML中预览PDF文件
路径分享:http://myzitong.com/article/piosjo.html