Firefox fires on choose, not on change

[Rain Lover]

Consider this:

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

<script>

    document.getElementById('filePicker').onchange = function() {

        alert('Hi!');

    };

</script>

Even if you choose the same file and the filePicker value doesn't change, you'll see the alert box in Firefox. Any solutions?

[davej]

Well, why not simply have your code ignore it?

<input type="file" id="filePicker">
<script>
var filename = '';
document.getElementById('filePicker').onchange = function() {
var f = document.getElementById('filePicker').value.trim().toLowerCase();
if (f != filename){
  filename = f; 
  alert('New filename: ' + f);
}
};
</script>