javascript - 重新选择并上传相同的文件

Question

除了在 Firefox 中，您不能重新选择并上传相同的文件，Firefox 会错误地允许您这样做:

<input type="file" id="fileChooser">
document.getElementById('fileChooser').onchange = function () {
    alert('Uploaded!');
};

这是我解决问题的方法。我想知道是否有更简洁的方法来实现它。

<input type="file" id="fileChooser">
var fileChooser = document.getElementById('fileChooser');
fileChooser.onclick = function () {
    this.value = '';
};
fileChooser.onchange = function () {
    if (this.value) {
        alert('Uploaded!');
    }
};

在 JSFiddle 上:http://jsfiddle.net/scMF6/2/

解释:

您不能连续两次重新选择同一个文件，例如，您在桌面上选择并上传 foo.txt，然后再次单击文件选择器，会出现文件选择对话框然后您尝试再次选择同一个文件——浏览器什么都不做，也没有出现警告框。

Answer 1

谢谢你的想法!如果有人使用 GWT，那么您可以使用此代码)

     ...//some code :)
     Event.setEventListener(btn, new EventListener() {    
           @Override
           public void onBrowserEvent(Event event) {
           //work with IE11+ and other modern browsers
           nativeClearFile(fileUpload.getElement());
           //throw event click 
           InputElement.as(fileUpload.getElement()).click();
           }
          });
    Event.sinkEvents(btn, Event.ONCLICK);
    ...//continue code :)

    private native void nativeClearFile(Element element) /*-{
        element.value = '';
    }-*/;