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 插件学习(四)
Aug 06 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
Jul 06 Javascript
Javascript window对象详解
Nov 12 Javascript
JS替换字符串中空格方法
Apr 17 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
详细分析jsonp的原理和实现方式
Nov 20 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 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
改造一台复古桌面收音机
2021/03/02 无线电
PHP 验证码的实现代码
2011/07/17 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
smarty高级特性之对象的使用方法
2015/12/25 PHP
9个比较实用的php代码片段
2016/03/15 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
微信小程序实现签到弹窗动画
2020/09/21 Javascript
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
nuxt静态部署打包相对路径操作
2020/11/06 Javascript
[00:12]DAC2018 Miracle-站上中单舞台,他能否再写奇迹?
2018/04/06 DOTA
python远程登录代码
2008/04/29 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
Html5之webcoekt播放JPEG图片流
2020/09/22 HTML / CSS
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
九年级历史教学反思
2014/01/27 职场文书
推荐信模板
2014/05/09 职场文书
岗位安全生产责任书
2014/07/28 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
小学工作总结2015
2015/05/04 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
PyCharm 配置SSH和SFTP连接远程服务器
2022/05/11 Python
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android