jquery图片和pdf文件预览插件

jquery图片和pdf文件预览插件

EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。

使用方法
在页面中引入jquery和EZView.js文件。

1
2
<script src="jquery.min.js"></script>
<script src="luxy.js"></script>

如果你希望在图片预览时,能够对图片进行缩放,可以引入draggable.js文件。

1
<script src="draggable.js"></script>

HTML结构
使用jquery图片和pdf文件预览插件的基本HTML结构如下:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- 图片 -->
<img src="1.png" alt="">
   
<!-- pdf文件 -->
<img src="pdf-thumb-1.png" href="pdf-1.pdf">

对于pdf文件,通过href属性指向文件所在的地址。
初始化插件
在页面DOM元素加载完毕之后,通过EZView();方法来初始化该jquery图片和pdf文件预览插件。
$(function(){
$('img').EZView();
});

文件信息:

    0

    发表评论