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);
         }
     });
 });

發佈了212 篇原創文章 · 獲贊 71 · 訪問量 22萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章