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 相关文章推荐
谈谈jQuery Ajax用法详解
Nov 27 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
原生js的数组除重复简单实例
May 24 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
js仿微博动态栏功能
Feb 22 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
vue修改vue项目运行端口号的方法
Aug 04 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 Javascript
React Ant Design树形表格的复杂增删改操作
Nov 02 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
用 php 编写的日历
2006/10/09 PHP
ajax php 实现写入数据库
2009/09/02 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
php处理复杂xml数据示例
2016/07/11 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
AngularGauge 属性解析详解
2016/09/06 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
jQuery的事件预绑定
2016/12/05 Javascript
js转换对象为xml
2017/02/17 Javascript
React教程之封装一个Portal可复用组件的方法
2018/01/02 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
基于Vue的商品主图放大镜方案详解
2019/09/19 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
从零学Python之入门(三)序列
2014/05/25 Python
python 生成器协程运算实例
2017/09/04 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
澳大利亚窗帘商店:Curtain Wonderland
2019/12/01 全球购物
大学生实习思想汇报
2014/01/12 职场文书
节约用水的口号
2014/06/20 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
好媳妇事迹材料
2014/12/24 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
Elasticsearch Recovery 详细介绍
2022/04/19 Java/Android