Cattura evento di annullamento sul tipo di input = file

Question

Ho un'applicazione html5 che utilizza l'API del file, utilizzando un elemento. Sono in grado di rispondere quando l'utente seleziona un file. Mi piacerebbe essere in grado di fare qualcosa se l'utente annulla la scelta del file. Tuttavia, non riesco a trovare alcun evento che viene attivato sull'elemento di input se l'utente fa clic sul pulsante Annulla anziché su OK nel dialogo di selezione dei file.

C'è qualche evento sparato su "cancel" che mi manca, o dovrei riorganizzare la mia app per non averne bisogno?

Answer 1

non c'è davvero un ascoltatore per verificare se è stato selezionato un file, si potrebbe ottenere intorno ad esso impostando una nota nel codice utilizzando l'evento di modifica su questo modo:

var FileChoosen = false; 

var inputElement = document.getElementById("inputField"); 
inputElement.addEventListener("change", handleFiles, false); 
function handleFiles() { 
    var fileList = this.files; /* now you can work with the file list */ 


    //Check if the layout was changed from file API: 
    if(document.getElementById('fileOutput').innerHTML != "") { 
    FileChoosen = true; 
    setTimeout("funcCalledToCheckUserSelection()", 500); 
    }; 


} 

Answer 2

When utente fa clic cancella, cambia di nuovo i trigger degli eventi. Questo funziona per me;

 $('#attachedFiles').bind("change", function() { 
      var file = this.files[0]; 
      if (file) { 
       // if file selected, do something 
      } else { 
       // if user clicks 'Cancel', do something 
      } 
     }); 

Answer 3

Ho la stessa domanda, la soluzione è sorprendentemente molto facile ... almeno nel mio caso NW.js (Node-Webkit) spara OnCancel evento se l'utente clicca sul pulsante [Annulla] nel selettore di file dialogo. Si utilizza questo modo semplice e nativo se si è anche su NW.js (process.version è v5.11.0).

Ho anche provato Microsoft HTA su Windows 10, non si attiva l'evento oncancel.