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

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

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

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

方式一

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

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

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

方式二

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

js插件有三种

1 pdf.js

下载地址

提供两种使用方式

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 然后加载路径即可。

下载地址

用法如下：

使用方法

引用所需两个文件

使用方法

首先要引入js文件

其次添加页面加载完毕后需要执行的js代码，以预览PDF为例：

$(function() {

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

});

最后添加HTML代码：

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

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

python 利用pyinstaller 编译.exe文件过程中编写完的.exe文件执行过程中闪退
问题描述: python 利用pyinstaller 编译.exe文件过程中编写完的.exe文件执行过程中闪退,并提示no module named 'pyproj.datadir' 解决方法: 闪退 ...
Python查找文件夹中含有指定关键字的文件
查找文件夹中含有指定关键字的文件,并将该文件复制到另一个文件夹中 ''' 查找文件夹中含有指定关键字的文件,并将该文件复制到另一个文件夹中 ''' import os import shutildef ...
c#文件名去掉后缀_C#如何从文件路径中分离出文件名以及文件扩展名
在C#文件操作的过程中或者Asp.Net文件的处理过程中,有时候知道文件的完整路径信息后,需要从完整路径中分离出文件名以及文件的后缀名等信息,此文将简要介绍C#语言如何从文件路径中分离出文件名以及文件 ...
实战：从文件夹中庞大的excel(.xlsx)文件中提取并整合数据
从文件夹中庞大的excel(.xlsx)文件中提取并整合数据 Input 需要从文件夹树中提取有格式的单个数据格并汇总. 例如: 2017-2020x市蚊虫数据/2018/7月/abcds方法统计.x ...
GIS文件 | EXCEL中打开ShapeFile等GIS文件
前言常用的GIS文件包括ShapeFile.Mapinfo.KML.GML等格式.我们在学习和工作中有时需要查看GIS格式的文件,并能够从中提取有用的信息. 通常打开GIS文件都使用GIS软件,像A ...
python创建一个txt文件-python中如何创建一个txt文件
python中有一个内置函数open(),该函数用于打开一个文件,创建一个 file 对象,相关的方法才可以调用它进行读写.如果以只写模式打开一个文件,那么该函数会在文件不存在时创建一个文件. 语法: ...
debian 文件夹中文件大小_Linux下查看文件和文件夹大小删除日志
场景:在sts中执行自动部署时候maven提示No space left on device错误,后来经检查发现是磁盘空间满了,用下面的方法分析发现tomcat下面的logs目录占用了很大的空间,删除 ...
python读取多个文件夹_如何从python中的文件夹中读取多个NetCDF文件
我试图绘制多年(1979-2014)的平均温度图,我唯一的问题是尝试从文件夹中读取多个NetCDF(.nc)文件.目前我的程序将绘制单个文件,但我不明白如何使其读取文件夹中的所有文件(每年一个).我想 ...
计算机无法转换文件,电脑中excel转换器无法打开文件的解决方法
很多朋友在日常工作中都会接触到excel文件,而他们在操作时也会遇到一些问题.比如,一位朋友反馈电脑中excel转换器无法打开文件,这是怎么回事嗯?我们该如何解决呢?接下来,就随小编一起看看具体步骤吧 ...
c语言遍历文件夹中所有文件名,C# 遍历文件夹下所有子文件夹中的文件，得到文件名...
假设a文件夹在F盘下,代码如下.将文件名输出到一个ListBox中 using System.Data; using System.Drawing; using System.Linq; using ...

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

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

最新文章

热门文章