html file控制項選擇檔案後立即預覽 js實現

標籤：var   選擇   attr   預覽   show   image   accept   new   gid   

//上傳圖片後立即預覽 file對象,圖片容器idfunction showImg(fileObj,imgId) {    var file=fileObj.files[0];           var r = new FileReader();                 r.readAsDataURL(file);                 $(r).load(function() {                     $(‘#‘+imgId).attr("src", this.result);             })                        }

<input type="file" onchange="showImg(this,‘img‘)"   accept="image/gif"  />

通過accept限制檔案類型 通過file.size驗證檔案大小 file.szie是以位元組為單位

html file控制項選擇檔案後立即預覽 js實現