js实现PDF在线预览

这几天在项目中遇到一个PDF文件在线预览的功能，在网上找了很多的demo都跑不通，被逼无奈，只好去看PDFproject.js的官方api,经过我用着翻译软件阅读者英文的api，突然发现这个功能只需要几行代码就可以搞定,而网上的demo都是给了一大堆的代码，让人不知道那一句是关键。所以小编在这里特此把最简单的代码分享给大家。

第一步：导入pdfobject.min.js

下载链接：https://pan.baidu.com/s/1bIbINdphyKTUX-3w6sWCaw 密码：l0rk

第二步：在script标签下写如下代码

window.onload = function (){PDFObject.embed("test.pdf","body");};

注意：1.这里是在页面加载后读取PDF文件，也可通过事件触发

这个功能就到此为止了，很简单有木有啊。

js实现PDF在线预览相关推荐

PDF在线预览插件touchPDF.js：手机端预览
接上一篇web端预览,博主找了一篇关于手机端的预览插件,丑是丑了点,但是能用,下面就来介绍一下吧! PDF在线预览插件:手机端预览 1.编辑界面的HTML代码 2.第二步就没了 3.既然这样那我们直接 ...
pdf.js使用（在线预览pdf文件）
最近公司需要pdf在线预览,于是找到pdf.js这个插件 , 好处就在于 pc端和移动端不需要花过多的精力去调. 1:需要到官网下载源码:https://mozilla.github.io/pdf. ...
加载js文件，在线预览pdf文档
加载js文件,在线预览pdf文档效果演示环境要求 JS文件下载 Jsp页面导入js文件 jquery.media.js源码效果演示首先,先展示效果图环境要求 Tomcat8.5 [注意]:T ...
html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
前端实现pdf在线预览
概述:pdf在线预览,包括PC端浏览器.IOS.Android,开发过程中遇到的问题及解决方案 [1]iframe 直接打开pdf文件(可用于PC端) <iframe src="pdf ...
html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
Java实现PDF在线预览
Java实现PDF在线预览前言:之前一直PDF一直是下载后再查看,一直在想如何如何在线预览,现已找到方法,作此笔记,也希望都对其他人有所帮助代码实现 @Slf4j @Controller @Req ...
搭建自己的pdf在线预览工具
文章首发于我的个人博客 1.前言在日常工作学习过程中,我们常常将自己的学习笔记和成果记录下来, 之后想通过网络将这些资料分享给其他人.如果你有个人博客,那么可以将你的总结用markdown写下来 ...

js实现PDF在线预览

js实现PDF在线预览相关推荐

最新文章

热门文章