Capturar cancelar evento en el tipo de entrada = archivo

Question

Tengo una aplicación html5 que hace uso de la API del archivo, utilizando un elemento. Puedo responder cuando el usuario selecciona un archivo. Me gustaría poder hacer algo si el usuario cancela la elección del archivo. Sin embargo, no puedo encontrar ningún evento que se dispare en el elemento de entrada si el usuario hace clic en el botón cancelar en lugar de en el diálogo del selector de archivos.

¿Hay algún evento activado en 'cancelar' que me falta, o debería volver a diseñar mi aplicación para que no lo necesite?

Answer 1

no hay realmente un oyente para comprobar si se ha seleccionado un archivo, se puede conseguir alrededor de él mediante el establecimiento de una nota en su código utilizando el evento de cambio de este 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

Cuándo usuario hace clic cancelar, cambiar desencadenantes de evento de nuevo. Eso es bueno para mi;

 $('#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

que tienen la misma cuestión, la solución es sorprendentemente muy fácil ... al menos en mi caso NW.js (Nodo en Webkit) dispara OnCancel caso si el usuario haga clic en el botón [Cancelar] en el selector de archivos diálogo. Utiliza esta forma simple y nativa si también está en NW.js (process.version es v5.11.0).

También probé Microsoft HTA en Windows 10, no desencadena el evento oncancel.