js插件方式打开pdf文件(浏览器pdf插件分享)


Posted in Javascript onDecember 20, 2013

两种方案:一种直接链接,把pdf文件当作img文件,类似<a href=""/>这种形式,这样链接:

<frame src="pdf文件的地址"></frame>

另一种:使用js插件哈。
其中实现阅读pdf文件的js插件很多,比如:pdf.js:是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持;jsPDF:是一个使用Javascript语言生成PDF的开源库(IE暂不支持);
比较简单易上手的js插件:PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。
效果如下:

js插件方式打开pdf文件(浏览器pdf插件分享)

PDFObject.js目前已经升级到1.2,可以支持IE9.
PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject.
来看看少之又少的js代码:

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed();
      };
</script>

OK,这样就可以了。只要把地址写对即可。
若我在某一个div中加载pdf咋办呢?看官网,发现embed()方法可以有参数的,无参数是指body,有参数是具体的某一个位置。

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);
      };
</script>

当然,其中还可以进一步设置参数,比如你想以多少秒的速度预览,有css,无css等

Javascript 相关文章推荐
js change,propertychange,input事件小议
Dec 20 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
JavaScript 函数的执行过程
May 09 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
AngularJS常见过滤器用法实例总结
Jul 06 Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
代码整洁之道(重构)
Oct 25 Javascript
在Express中提供静态文件的实现方法
Oct 17 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 #Javascript
js select option对象小结
Dec 20 #Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 #Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 #Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 #Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 #Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 #Javascript
You might like
ThinkPHP静态缓存简单配置和使用方法详解
2016/03/23 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
jquery 图片轮换效果
2010/07/29 Javascript
Javascript insertAfter() 实现函数代码
2011/10/12 Javascript
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
2015/12/23 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
Python使用py2exe打包程序介绍
2014/11/20 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
python内置模块collections知识点总结
2019/12/19 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
纪念建党演讲稿范文
2014/01/13 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
协议书格式
2014/04/23 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
介绍信如何写
2015/01/31 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
观看《筑梦中国》纪录片心得体会
2016/01/18 职场文书
民事调解协议书
2016/03/21 职场文书
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python