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