今天遇到了一个问题,页面中有一个input元素,当第二次触发onchange
事件时,事件不响应。
<input id="file" type="file" onchange="handleFileChange" />
解决方案:在onchange
的响应事件中将元素的value
值置为空;
onchange
响应事件是根据value
值的改变来触发的,如果第二次选择与第一次相同的文件时,那么文件名称是相同的,value
值相同,onchange
事件不会触发;
function handleFileChange() {
// ...
$("#file").val("");
}