欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

上传图片 即时显示

程序员文章站 2022-07-05 13:45:35
...
jsp页面中:
Java代码 上传图片 即时显示
            
    
    博客分类: jquery javajquerycssjsp  上传图片 即时显示
            
    
    博客分类: jquery javajquerycssjsp 
  1. 上传预览图片:<br>   
  2.        <input type="file"/>   
  3.     <br />   
  4.     <div style="overflow: hidden;">   
  5.         <div id="imgDiv">   
  6.         </div>   
  7.     </div>    
  8.     <input type="submit">  
Java代码 上传图片 即时显示
            
    
    博客分类: jquery javajquerycssjsp  上传图片 即时显示
            
    
    博客分类: jquery javajquerycssjsp 
  1. $(document).ready(function() {   
  2.             //建议在#imgDiv的父元素上加个overflow:hidden;的css样式   
  3.             $("input").uploadPreview({ width: 80, height: 80, imgDiv: "#imgDiv", imgType: ["bmp""gif""png""jpg"] });   
  4.     });   
导入一个uploadPreview.js