在web开发当中我们经常需要进行需要在线浏览PDf内容,在线嵌入动态pdf,传统的解决方法安装客户端PDF阅读器,如果是在谷歌是可以在线浏览的,因为他自身就带了一些插件,以前遇到这样的问题往往是费时又费力,很不好解决,

今天就给大家分享一系列使用javascript实现的pdf插件效果,无需借助第三方插件就可以实现在线浏览功能,非常实用。

PDFObject

 8个实现在线浏览PDF文件的实用jQuery插件

PDFobject可以帮助你在页面直接嵌入pdf文件,有时候有些项目需要动态地嵌入PDF文件。PDFObject为此而设计的,他能够快速和容易的嵌入PDF文件,PDFObject使用JavaScript来产生相同的符合标准的标记,然后插入到您的HTML元素的选择。您可以填满整个浏览器窗口,或将PDF格式转换成一个

或其他块级元素。

pdf.js

 8个实现在线浏览PDF文件的实用jQuery插件

和 Google Chrome 使用的源自 Foxit 的闭源 PDF 浏览插件不同,PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品

pdf.js 是一个主要用于HTML5 平台上在线阅读PDF文档的小插件,基于JavaScript技术编写而成,无需任何本地技术支持。

pdf.js是由Mozilla Labs发布的。他们的目标是创建一个通用的,基于标准的网络平台,能够解析和渲染PDF文件,并最终发布一个PDF阅读器扩展,毫无疑问 pdf.js 将被整合入 Gecko 成为 Firefox 的内嵌 PDF 阅读器,但是具体整合时间表尚未确定

jsPDF

 8个实现在线浏览PDF文件的实用jQuery插件

jsPDF 是一个使用Javascript语言生成PDF的开源库。你可以在Firefox插件,服务端脚本或是浏览器脚本中使用它。客户端Safari 和 iPhone Safari 支持得最好,其次是Opera和Windows下的Firefox 3等。IE暂不支持。。

jQuery Media Plugin

 8个实现在线浏览PDF文件的实用jQuery插件

jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件,它支持大部分的网络多媒体播放器和多媒体格式,比如:Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根据当前的脚本配置,自动将a标签替换成div,并生成object, embed甚至是iframe代码,至于生成object还是embed,jQuery Media会根据当前平台自动判别,因此兼容性方面非常出色下面这段代码是jQuery Media生成后的。

Google Docs PDF viewer

 8个实现在线浏览PDF文件的实用jQuery插件

ZOHO Viewer

 8个实现在线浏览PDF文件的实用jQuery插件

Anychart:使用JavaScript导出PDF

 8个实现在线浏览PDF文件的实用jQuery插件

下图可以导出为PNG或JPG格式的静态图像或嵌入式静态图像,图表或一个完全互动的功能图

jQuery Document Viewer

 8个实现在线浏览PDF文件的实用jQuery插件

Document Viewer是一个jQuery插件,可以让你在网页中直接查看多种文件格式。文档浏览器支持的文件格式:PDF文件,文本文件,代码,图像,音频,视频等。

8个实现在线浏览PDF文件的实用jQuery插件相关推荐

  1. 网站开发之ie下在线浏览pdf文件无需本地支持

    1.首先,务必通过后面给的链接了解一些可实现的方法:打开链接. 2.个人选择了PDFObject+PDF.js来实现,这里需要下载pdfobject.js和PDF.js.对于pdfobject.js, ...

  2. 微信公众号或者浏览器实现在线浏览pdf文件

    微信公众号或者浏览器实现在线浏览pdf文件 实现在线浏览pdf文件方法 开发步骤: 实现在线浏览pdf文件方法 我们在日常的开发当中经常需要实现pdf文件的显示,最近做了一个在微信公众号中实现pdf浏 ...

  3. html在线浏览pdf文件

    最近在做一个项目,其中涉及到pdf文件,于是就想试着在线加载pdf文件,经过我的不懈努力,终于让我解决了这个问题 解决这个问题总共有两种方式 方式一. 将pdf转为图片保存,然后再把图片的地址发到页面 ...

  4. h5页面预览pdf文件_H5移动端在线浏览pdf文件,推荐插件TouchPDF

    pdf.png 公共的pdf页面可以自己写,调用插件的代码也相对简单: seePDF.html seePDF.js $(function() { //文件服务器的路径 var picDownloadS ...

  5. pdf.js 在线浏览pdf组件构建与安装注意事项

    为什么80%的码农都做不了架构师?>>>    1.简介 PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品. pdf.js 是一个主要用于HTML ...

  6. 在线浏览ipynb文件

    前言 我又接到奇奇怪怪的需求了,要求在线浏览ipynb,但我学的是Java,我之前连python都没接触过,甚至对这个文件格式都要先百度一下就很烦,但为了工资还是要继续的对吧. 首先讲一下我的思路,我 ...

  7. WPF 浏览PDF 文件

    很长时间没写文章感觉手有点生了,前段时间忙的要死公事.家事.私事,事事操心.还好现在有些时间可以继续写博客了.本篇将为大家演示如何在WPF 程序中浏览PDF 文件,本例将通过Adobe PDF Rea ...

  8. 怎么用迅捷PDF转换器在线为PDF文件添加文字内容

    电子文档的广泛应用导致PDF格式文件成为办公中少不了的一部分,在日常工作中,我们经常需要在PDF文档中添加文字,例如签名.批注或补充说明等.那么如何才能快速在PDF文件添加文字内容?有什么文档编辑工具 ...

  9. 微信小程序----微信小程序浏览pdf文件

    微信小程序----微信小程序浏览pdf文件 说明:通过wx.downloadFile,wx.openDocumen来实现打开pdf文件.只需在js操作即可. HTTP.Config.Request(' ...

最新文章

  1. python如何编程-终于发现怎么自学python编程
  2. 【Android 组件化】路由组件 ( 页面跳转参数依赖注入 )
  3. Android系统匿名共享内存(Anonymous Shared Memory)C++调用接口分析(6)
  4. 在vSphere Client中启动虚拟机创建进程以及VMwareTools安装
  5. Tomcat连接池配置
  6. BZOJ1023 [SHOI2008]cactus仙人掌图
  7. 二级c语言上机题库下载,二级C语言上机题库(全).doc
  8. 安装驱动提示找不到哈希值的解决方法(WIN10)
  9. 小程序开发工具命令行启动配置
  10. 个人网站怎么建设,个人网站建设流程
  11. win10桌面管理文件收纳_win10系统关闭桌面文件收纳盒的详细方法介绍
  12. ARPG角色扮演页游《明朝江湖》全套代码
  13. 计算机学院迎条幅,会计学院迎新标语条幅
  14. android 中篇 文章推荐
  15. 通用积分在积分运营中的含义是什么
  16. C/S 开发框架 ----- 广州本地
  17. MVC三层架构简单理解
  18. 22-Excel与数据分析
  19. SAP现金管理(Cash Management)的基本概念
  20. 百分号编码和汉字的转换

热门文章

  1. 机器学习实战——4.5 使用Python进行文本分类
  2. Console 3000字完整指南,让你不只会用console.log !
  3. Python 检索解析中药名与别称
  4. HTML5,CSS制作个人简历
  5. CentOS7 Network Service启动问题
  6. Microsoft Office 2003 Proofing Tools
  7. 管理员用户admin登录禅道失败,如何更改密码
  8. 浙大版《C语言程序设计》第四版(何钦铭颜晖) 第4章 循环结构 课后习题答案
  9. “南孔圣地;衢州有礼”城市品牌西安发布会
  10. 淘宝母婴用品分析(Excel)