使用PDF.JS插件在HTML中预览PDF文件

wuyumin 发布于2019-08-23 11:33 / 2076人阅读

摘要：步骤如下下载插件下载地址文件部署建新文件夹，将插件文件放入新建的文件夹。新建在文件代码如下使用指南柠檬课件打开将文件放到下点击浏览即可。注意因为需要依赖协议。搭个服务，或者用的浏览就可以了。

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

1.下载PDF.js插件

下载地址：http://mozilla.github.io/pdf....

2.文件部署

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

3.新建index.html

在HTML文件代码如下：



  
    
    
    
    
    《使用指南》-柠檬课件

4.将pdf.pdf文件放到pdfjs/web/下 5.点击浏览即可。

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97128.html

PDF、PPT、Excel、Word、视频等格式文件在线预览

摘要：最近项目中用到了文件在线预览功能，文件类型大概有图片视频等等，总结梳理了一下，分享给大家。文件类型在线文档推荐使用，简单易用。而原生的的元素支持三种视频格式，所以我们需要更强大支持更多视频在线播放，第三方扩展库。最近项目中用到了文件在线预览功能，文件类型大概有图片、视频、PDF、PPT、Excel、Word 等等，总结梳理了一下，分享给大家。 PDF 文件类型 jquery.medi...

13651657101 2019-08-01 18:03 评论0 收藏0
PDF、PPT、Excel、Word、视频等格式文件在线预览

摘要：最近项目中用到了文件在线预览功能，文件类型大概有图片视频等等，总结梳理了一下，分享给大家。文件类型在线文档推荐使用，简单易用。而原生的的元素支持三种视频格式，所以我们需要更强大支持更多视频在线播放，第三方扩展库。最近项目中用到了文件在线预览功能，文件类型大概有图片、视频、PDF、PPT、Excel、Word 等等，总结梳理了一下，分享给大家。 PDF 文件类型 jquery.medi...

khlbat 2019-06-28 14:21 评论0 收藏0
PDF文件预览项目选型

摘要：文件预览项目选型文件在线预览有多种方式，目前使用较多的有种。中文支持较好，没有乱码问题。在线示例中文文档可以将转换成，并且可以在中精确显示原生文本包括在中的字体颜色位置，可以选择搜索复制等，可选单文件输出。缺点文件过大可能会出现浏览器卡死。 PDF文件预览项目选型 PDF文件在线预览有多种方式，目前使用较多的有3种：pdf2swf、pdf2image、pdf2html。这3种方式各有优...

Scott 2019-08-14 15:16 评论0 收藏0