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

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

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


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

 

posted @ 2021-06-09 17:53  netcorner  阅读(268)  评论(0编辑  收藏  举报