html中未选择文件时提示,选择相同文件时未触发HTML输入文件选择事件

In this article, under the title "Using form input for selecting"

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);

It adds an event listener to 'change', but I tested it and it triggers even if you choose the same file and not if you cancel.