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 相关文章推荐
juqery 学习之四 筛选查找
Nov 30 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
js Dialog 实践分享
Oct 22 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Jan 09 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
浅谈js中的bind
Mar 18 Javascript
一篇文章学会Vue中间件管道
Jun 20 Vue.js
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实现简单洗牌算法
2013/06/18 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
return false;和e.preventDefault();的区别
2010/07/11 Javascript
原始的js代码和jquery对比体会
2013/09/10 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
js选项卡的实现方法
2015/02/09 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
vue动态禁用控件绑定disable的例子
2019/10/28 Javascript
vue改变循环遍历后的数据实例
2019/11/07 Javascript
JS实现京东商品分类侧边栏
2020/12/11 Javascript
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
python cs架构实现简单文件传输
2020/03/20 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
python命令 -u参数用法解析
2019/10/24 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
函授本科毕业自我鉴定
2013/10/09 职场文书
后勤园长自我鉴定
2013/10/17 职场文书
财务管理专业推荐信
2013/11/19 职场文书
2014年元旦活动方案
2014/02/15 职场文书
关于青春的演讲稿
2014/05/05 职场文书
公司节能减排方案
2014/05/16 职场文书
安全责任书模板
2014/07/22 职场文书
连锁超市项目计划书
2014/09/15 职场文书