javascript - Firefox 在选择时触发，而不是在更改时触发

Question

考虑一下:

<input type="file" id="filePicker">
<script>
    document.getElementById('filePicker').onchange = function() {
        alert('Hi!');
    };
</script>

即使您选择相同的文件并且 filePicker 值没有改变，您也会在 Firefox 中看到警告框。有什么解决办法吗？

Answer 1

使用临时变量保存文件名，下次选择文件时可以查看:

var filenameTemp = null;
document.getElementById('filePicker').onchange = function(e) {
  var filename = e.target.value;
  if (filename !== filenameTemp) {
    filenameTemp = filename;
    console.log('OK');
    // other code
  } else {
    console.log('Not OK')
  }
};

DEMO