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 相关文章推荐
Javascript----文件操作
Jan 18 Javascript
JavaScript中的prototype使用说明
Apr 13 Javascript
JavaScript中链式调用之研习
Apr 07 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
Javascript控制div属性动态变化实例分析
Oct 08 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 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之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
vue.js树形组件之删除双击增加分支实例代码
2017/02/28 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
Python生成pdf文件的方法
2014/08/04 Python
简单介绍Python中的JSON模块
2015/04/08 Python
Python编程给numpy矩阵添加一列方法示例
2017/12/04 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
python实现用类读取文件数据并计算矩形面积
2020/01/18 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
python之pygame模块实现飞机大战完整代码
2020/11/29 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
介绍一下Linux中的链接
2016/06/05 面试题
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
超市端午节活动方案
2014/01/23 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
食品销售计划书
2014/04/26 职场文书
个人工作总结范文2014
2014/11/07 职场文书
杭白菊导游词
2015/02/10 职场文书
个人的事迹材料怎么写
2019/04/24 职场文书
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python