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>

        

          
        
        
        

          

          AI 代码解读
        
      
      

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

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

        

          
        
        
        

          

          AI 代码解读
        
      
      

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

<!-- 图片 -->
<img src="1.png" alt="">

<!-- pdf文件 -->
<img src="pdf-thumb-1.png" href="pdf-1.pdf">

        

          
        
        
        

          

          AI 代码解读
        
      
      

对于pdf文件，通过href属性指向文件所在的地址。

初始化插件
在页面DOM元素加载完毕之后，通过EZView();方法来初始化该jquery图片和pdf文件预览插件。

$(function(){
   

  $('img').EZView();

});

        

          
        
        
        

          

          AI 代码解读