选择相同文件时未触发HTML输入文件选择事件

Question

有没有机会检测用户为元素input类型HTML所做的每个文件选择file？之前曾多次问过这个问题，但是onchange如果用户再次选择相同的文件，通常不会建议该事件。

Answer 1

的值设置input到null每个onclick事件。即使选择了相同的路径，这也会重置input的值并触发onchange事件。

input.onclick = function () {

    this.value = null;

};

input.onchange = function () {

    alert(this.value);

};

这是一个DEMO。

注意：如果文件以'C：\ fakepath \'为前缀是正常的。这是一项安全功能，可防止JavaScript知道文件的绝对路径。浏览器仍然内部知道它。

Answer 2

<form enctype='multipart/form-data'>

    <input onchange="alert(this.value); this.value=null; return false;" type='file'>

    <br>

    <input type='submit' value='Upload'>

</form>

this.value=null; 仅适用于Chrome，Firefox可以与 return false;

这里是一个FIDDLE