input[type="file"] change事件第二次不触发

今天遇到了一个问题,页面中有一个input元素,当第二次触发onchange事件时,事件不响应。


解决方案:在onchange的响应事件中将元素的value值置为空;
onchange响应事件是根据value值的改变来触发的,如果第二次选择与第一次相同的文件时,那么文件名称是相同的,value值相同,onchange事件不会触发;

function handleFileChange() {
  // ...
  $("#file").val("");
}

你可能感兴趣的:(input[type="file"] change事件第二次不触发)