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

有没有机会检测用户为元素input类型HTML所做的每个文件选择file？

之前曾多次问过这个问题，但是onchange如果用户再次选择相同的文件，通常不会建议该事件。

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

input.onclick = function () {
    this.value = null;
};

input.onchange = function () {
    alert(this.value);
};​

这是一个DEMO。

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

<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

在本文中，标题为“使用表单输入进行选择”

http://www.html5rocks.com/zh-CN/tutorials/file/dndfiles/

<input type="file" id="files" name="files[]" multiple />

<script>
function handleFileSelect(evt) {

    var files = evt.target.files; // FileList object

    // files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
     // Code to execute for every file selected
    }
    // Code to execute after that

}

document.getElementById('files').addEventListener('change', 
                                                  handleFileSelect, 
                                                  false);
</script>

它将事件侦听器添加到“更改”中，但是我对其进行了测试，即使您选择了相同的文件，它也会触发，如果您取消则不会触发。

每次用户单击字段时，使用onClick事件清除目标输入的值。这确保了onChange事件也将针对同一文件触发。为我工作:)

onInputClick = (event) => {
    event.target.value = ''
}

<input type="file" onChange={onFileChanged} onClick={onInputClick} />

使用TypeScript

onInputClick = ( event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {
    const element = event.target as HTMLInputElement
    element.value = ''
}

在文件成功加载后执行任何操作。只需在文件处理完成后将文件控件的值设置为空字符串即可，因此即使文件名更改或不更改，.change（）也将始终被调用。例如，你可以做这件事，像魅力一样为我工作

   $('#myFile').change(function () {
       LoadFile("myFile");//function to do processing of file.
       $('#myFile').val('');// set the value to empty of myfile control.
    });

handleChange({target}) {
    const files = target.files
    target.value = ''
}

清除输入的第0个索引的值对我有用。请尝试以下代码，希望它可以工作（AngularJs）。

          scope.onClick = function() {
            input[0].value = "";
                input.click();
            };