javascript - 当值不不同时触发 JavaScript 更改事件(文件输入)

Question

仅具有客户端交互性的“表单”:

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

我想避免创建另一个按钮只是为了触发功能，但是:

function handleInput(e) {
    console.log('change occurred', e);

    // read the input with FileReader HTML5 and do stuff
}
var $el = document.getElementById('file');
$el.addEventListener('change', handleInput, false);

当我第一次选择一个文件时，该事件就会触发。如果我再次选择相同的文件，则不会。我应该使用其他事件吗？

Answer 1

将输入元素包围在表单中，然后执行 form.reset()。

有关详细信息，请参阅 How to set a value to a file input in HTML?和 How can I clear an HTML file input with JavaScript? .