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在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
基于JavaScript实现跳转提示页面
Sep 24 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
微信小程序云开发之数据库操作
May 18 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 Javascript
JavaScript分页组件使用方法详解
Jul 26 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超级全局变量数组小结
2012/10/04 PHP
php 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
2006/10/17 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
Javascript Global对象
2009/08/13 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
深入理解jQuery3.0的domManip函数
2016/09/01 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
mpvue 单文件页面配置详解
2018/12/02 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
通过源码分析Python中的切片赋值
2017/05/08 Python
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
python读取几个G的csv文件方法
2019/01/07 Python
实例讲解Python中整数的最大值输出
2019/03/17 Python
docker-py 用Python调用Docker接口的方法
2019/08/30 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
致长跑运动员广播稿
2014/01/31 职场文书
政协调研汇报材料
2014/08/15 职场文书
教书育人演讲稿
2014/09/11 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
地道战观后感500字
2015/06/04 职场文书
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android
Python如何加载模型并查看网络
2022/07/15 Python