jquery图片和pdf文件预览插件

当前位置:主页 > jQuery库 > 工具类 > jquery图片和pdf文件预览插件
jquery图片和pdf文件预览插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-06
    阅读:
简要教程

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

使用方法

在页面中引入jquery和EZView.js文件。

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

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

<script src="draggable.js"></script>
                
HTML结构

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

<!-- 图片 -->
<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();

});
                

该jquery图片和pdf文件预览插件的github地址为:https://github.com/guillermodiazga/EZView

网友评论