html中在线预览pdf文件之pdf在线预览插件

最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript

翻来覆去找到两种办法 ,最后采用了jquery.media.js插件html

方式一

将pdf转为图片保存,而后再把图片的地址发到页面进行显示。java

遇到的困难,pdf转为图片时中文可能会乱码!

缺点:生成图片会占用服务器内存。

方式二

经过js插件在线预览pdf (这里推荐第3中插件)jquery

js插件有三种git

1 pdf.js

下载地址github

提供两种使用方式浏览器

PDF.js能够实如今html下直接浏览pdf文档,是一款开源的pdf文档读取解析插件,很是强大,能将PDF文件渲染成Canvas。PDF.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,一个负责API解析,一个负责核心解析。

感兴趣请查看这篇博客服务器

缺点

官网项目文件过多,不太容易理解。看着头就大!

pdfobject.js

缺点

pdfobject.js 对浏览器有要求,可能出现不能加载pdf文件,今天个人谷歌浏览器上死活没法显示pdf文件无赖又换了其余的。

可能会报错插件

not allow to load resource

3 jquery.media.js

简单轻量,引入js 而后加载路径便可。

下载地址

jquery.media.rar(解压密码:www.crowsong.xyz): http://waternote.ctfile.net/f...

用法以下:

使用方法

引用所需两个文件

使用方法

首先要引入js文件

其次添加页面加载完毕后须要执行的js代码,以预览PDF为例:

$(function() {

$('a.media').media({width:'100%', height:900px;});

});

最后添加HTML代码:

将插件中HTML页面中的a标签下href改成想要的pdf地址便可。

html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件相关推荐

  1. Word处理控件Aspose.Words功能演示:在 C# 中将 TXT 文件转换为 PDF

    记事本提供了最简单快捷的方式来记下重点或创建笔记.此外,各种应用程序以TXT文件的形式生成有用的信息.由于 TXT 文件不支持高级功能,例如注释等,您可能需要将它们转换为PDF格式.为了在 .NET ...

  2. Word处理控件Aspose.Words功能演示:在 Python 中将 TXT 文件转换为 PDF

    各种人使用记事本以TXT格式记下重点或快速创建笔记.此外,TXT 文件用于在各种应用程序中存储纯文本.但是,由于记事本不提供高级功能,因此 TXT 文件通常会转换为PDF.为了以编程方式自动将 TXT ...

  3. 从多个pdf文档中截取部分区域拼接成一个pdf文档

    提取合并多个pdf页面中的子区域,形成一个没有分页符的页面. 输入input:多个pdf的Rect区域 areas in pdf 输出output:一页(只是一页)完整的pdf文档 a page of ...

  4. aspose java提取文字_Aspose.PDF可以按段落提取文本并将文件转换为PDF

    我们Aspose非常高兴的宣布Aspose.PDF API新版本的发布.Aspose.PDF已经针对.NET和Java平台推出了新的18.1版本. 在这个版本的API中,我们提供了新的令人兴奋的功能来 ...

  5. python win32转pdf 横版_Python 小技巧之 Office 文件转 PDF

    文章来源于公众号:Python技术 作者:派森酱 在日常的生活工作中,难免需要用到一些 小Tip 来解决工作中遇到的小难题,今天的文章给大家安利一个方便快捷的小技巧,将 Office(doc/docx ...

  6. html转pdf后 框会消失,html或其它文件转pdf弹出打开保存框

    第一步:下载wkhtmktopdf软件,安装在指定的目录,如:C:\htmlToPdf\wkhtmltopdf, 第二步:把安装好的wkhtmltopdf文件目录加到环境变量Path路径中, publ ...

  7. Java中如何实现文件预览的功能

    文件预览方法总结 前言 一.kkfileview 文件在线预览 二.officetohtml纯前端的方式 三.JODConverter 四.Aspose 总结 前言 日常开发中常见的文件格式有pdf, ...

  8. 计算机窗口预览图,window_Win7系统资源管理器加上预览窗格功能的方法,  图片缩略图是否太小?PPT - phpStudy...

    Win7系统资源管理器加上预览窗格功能的方法 图片缩略图是否太小?PPT如果预览一下是不是更好寻找文件?小编此次带来的一个比较实用的功能--在Win7系统的资源管理器开启窗格预览功能,不仅可以在右侧预 ...

  9. java pdf库_Java中常用的操作PDF的类库

    iText iText是一个能够快速产生PDF文件的java类库.iText的java类对于那些要产生包含文本,表格,图形的只读文档是很有用的.它的类库尤其与java Servlet有很好的给合.使用 ...

最新文章

  1. SAP快速找到定制配置
  2. 第4课第4节_Android灯光系统_源码分析_电池灯
  3. 安卓自定义Listener
  4. passwd命令提示: 鉴定令牌操作错误
  5. H264 解码耗时分析
  6. 20 FI配置-财务会计-定义税务科目
  7. 前端技术基础(一):浏览器相关
  8. linux忘记root密码及时间设定
  9. 手机平板如何查看IDEA中运行的Tomcat的web项目
  10. EMDLP:用于RNA甲基化位点预测的集成多尺度深度学习模型 论文解读
  11. Texture ASTC转换ETC
  12. 辅助驾驶功能开发-功能规范篇(04)- 交通拥堵辅助及集成式巡航辅助TJA/ICA
  13. cl 7ar xyz index php,GIF 文件格式分析 -- chinawrc的世界 -- [北方博客].mht
  14. 建筑施工技术【22】
  15. 键盘上哪个键是ESCAPE键?
  16. python+openCV 获取背景(三)
  17. Little Girl and Game(规律
  18. 北大才子吴明辉3万5千字的深度分享告诉你:能成功创立秒针跟明略的连环创业者是有秘籍的
  19. Webstorm干货(开发效率快到飞起!!!)
  20. spring boot robin 负载均衡之轮询策略

热门文章

  1. keystroke java_Java Swing 快捷键
  2. 安装VMware虚拟软件
  3. Python数据分析之numpy的应用
  4. 当AI这把旺火烧到儿童消费领域:初学者智伴科技的无奈
  5. 福利|回馈粉丝,送一些现金红包给大家
  6. leetcode:Number of Islands
  7. 苏州超级计算机叫什么,苏州超级计算机中心正式投用 助力长三角算力资源互联...
  8. Ganymed远程连接SSH
  9. 开复学生网写给计算机专业的大学生们
  10. html圣诞快乐英文,圣诞快乐英文怎么说