HTML中预览图片的JQeury代码

$(function(){
	
     $("input[type='file']").change(function(evt){
         var files = evt.target.files; 
         alert("preview!!");
         for (var i = 0, f; f = files[i]; i++) {
 
           if (!f.type.match('image.*')) {
             continue;
           }
           
           var reader = new FileReader();
 
           reader.onload = (function(theFile) {
             return function(e) {                                
              $("#preview").attr("src",e.target.result);  //预览图片的位置                 
             };
           })(f);
           
           reader.readAsDataURL(f);
         }
     });
 });

你可能感兴趣的:(javascript学习,java学习,网页制作,JavaEE学习)