js 清空html input file的值


在做上傳圖片預覽時,利用input onchange事件觸發函數,但是type=file時,一定記得新建要清空原來的圖片,因為原來的圖片還存在在input里面,再選重復的圖片沒有change,故不會觸發相應的函數,造成沒有反應的現象

具體的清空input file的方法:

<input type="file" accept="image/jpeg,image/png,image/gif" name="img" id="img" multiple value="Insert Image" onchange="javascript:setImagePreview();" style="position:absolute;clip:rect(0 0 0 0);">

// 清空input file文件jq
	var file = $('#img')[0];
	if(file.outerHTML){
		file.outerHTML = file.outerHTML;
	}else{
		file.value = '';
	}
// 清空input file文件原生js
    var file = document.getElementById("img");
     // for IE, Opera, Safari, Chrome
     if (file.outerHTML) {
         file.outerHTML = file.outerHTML;
     } else { // FF(包括3.5)
         file.value = "";
     }

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM