在做上傳圖片預覽時,利用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 = "";
}
