当前位置: 首页 > Web前端 > HTML5

在线预览html格式pdf文件的pdf在线预览插件

时间:2023-04-05 12:52:39 HTML5

在线预览html格式pdf文件的pdf在线预览插件最近遇到需要在html页面查看pdf生成的pdf文件!翻来覆去找了两种方法,最后采用了jquery.media.js插件的方法,将pdf转为图片并保存,然后将图片的地址发送到页面显示。遇到的难点,pdf转图片的时候汉字可能会乱码!缺点:生成图片会占用服务器内存。方法二通过js插件在线预览pdf(这里推荐第三个插件)。js插件一共有三种1.pdf.js的下载地址https://github.com/mozilla/pd...PDF.js有两种使用方式可以实现在html下直接浏览pdf文档.是一款开源的pdf文档阅读解析插件。它非常强大,可以将PDF文件渲染到Canvas中。PDF.js主要包括两个库文件,一个pdf.js和一个pdf.worker.js,一个负责API解析,一个负责核心解析。有兴趣的可以看看这个博客https://www.cnblogs.com/zhang...缺点:官网工程文件太多,不太好理解。看大头!pdfobject.js使用教程http://www.jq22.com/jquery-in...缺点pdfobject.js对浏览器有要求,可能出现无法加载pdf文件,今天我的谷歌浏览器无法显示pdf文件。流氓又换了一个。可能会报错notallowtoloadresource3jquery.media.js简单轻量,导入js加载路径即可。使用教程http://www.jq22.com/jquery-in...下载地址jquery.media.rar(解压密码:www.crowsong.xyz):http://waternote.ctfile.net/f...使用方法如下:使用方法引用需要的两个文件先使用方法导入js文件其次,添加页面加载完成后需要执行的js代码。以预览PDF为例:最后添加HTML代码:

更改href下的插件HTML页面中的一个标记到所需的pdf地址。