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 相关文章推荐
$.getJSON在IE下失效的原因分析及解决方法
Jun 16 Javascript
Javascript实现返回上一页面并刷新的小例子
Dec 11 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
js获取微信版本号的方法
May 12 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
Vue.js实战之利用vue-router实现跳转页面
Apr 01 Javascript
微信小程序组件之srcoll-view的详解
Oct 19 Javascript
深入浅析var,let,const的异同点
Aug 07 Javascript
详解angular应用容器化部署
Aug 14 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 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脚本的10个技巧(7)
2006/10/09 PHP
PHP4.04简明安装
2006/10/09 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
php遍历、读取文件夹中图片并分页显示图片的方法
2016/11/15 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
用Jquery.load载入页面实现局部刷新
2014/01/22 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
封装好的js判断操作系统与浏览器代码分享
2015/01/09 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
javascript 判断页面访问方式电脑或者移动端
2016/09/19 Javascript
简单实现Vue的observer和watcher
2016/12/21 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
jQuery 选择方法及$(this)用法实例分析
2020/05/19 jQuery
关于Python中异常(Exception)的汇总
2017/01/18 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
python logging添加filter教程
2019/12/24 Python
python入门之基础语法学习笔记
2020/02/08 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
求职简历的自我评价
2014/01/31 职场文书
超市开学活动方案
2014/03/01 职场文书
求职信模板
2014/05/23 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript
pytorch中的model=model.to(device)使用说明
2021/05/24 Python