incendi Firefox su scegliere, non sul cambiamento

Question

Considerate questo:

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

Anche se si sceglie lo stesso file e il valore filePicker non cambia, vedrete la finestra di avviso in Firefox. Qualche soluzione?

Answer 1

utilizzare una variabile temporanea per contenere il nome del nome del file che è possibile controllare la prossima volta che si seleziona un file:

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

Answer 2

Eseguire il frammento di seguito. Dirà "Nuovo file!" quando c'è un nuovo file per Chrome e Firefox.

var previousFile = {}; 
 

 
function isSame(oldFile, newFile) { 
 
    return oldFile.lastModified === newFile.lastModified && 
 
    oldFile.name === newFile.name && 
 
    oldFile.size === newFile.size && 
 
    oldFile.type === newFile.type; 
 
} 
 

 
document.getElementById('filePicker').onchange = function() { 
 
    var currentFile = this.files[0]; 
 
    
 
    if (isSame(previousFile, currentFile) === false) { 
 
    alert('New File!'); 
 
    previousFile = currentFile; 
 
    } 
 
};

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