js 清空html input file的值

Posted 2021-01-05 凉梁凉糕

在做上传图片预览时，利用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 = "";
     }