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 相关文章推荐
悄悄用脚本检查你访问过哪些网站的代码
Dec 04 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
jQuery入门之层次选择器实例简析
Dec 11 Javascript
Sea.JS知识总结
May 05 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
AngularJS表单验证功能
Oct 19 Javascript
angular之ng-template模板加载
Nov 09 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
Mar 13 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 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 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
比较简单实用的PHP无限分类源码分享(思路不错)
2011/10/13 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
php实现将数组转换为XML的方法
2015/03/09 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
CI框架入门之MVC简单示例
2016/11/21 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
javascript 页面只自动刷新一次
2009/07/10 Javascript
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
js获取url参数值的两种方式
2013/09/10 Javascript
按Enter键触发事件的jquery方法实现代码
2014/02/17 Javascript
css+js实现部分区域高亮可编辑遮罩层
2014/03/04 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
vue父组件触发事件改变子组件的值的方法实例详解
2019/05/07 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
[02:56]DOTA2矮人直升机 英雄基础教程
2013/11/26 DOTA
[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日
2020/10/31 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
python实现教务管理系统
2018/03/12 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
python如何获取列表中每个元素的下标位置
2019/07/01 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
企业总经理岗位职责
2014/02/13 职场文书
巡警年度自我鉴定
2014/02/21 职场文书
小学教师寄语大全
2014/04/03 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
小学数学教学反思范文
2016/02/16 职场文书