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

Posted 2021-06-09 ∠角络

页面中有一个input元素，当第二次触发onchange事件时，事件不响应

<input id="file" type="file" onchange="onChange" />

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

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