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