//上傳圖片後立即預覽 file對象,圖片容器id
function 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實現