cómo disparar en caso de selección de ficheros

Question

tengo una forma tan

<form onSubmit="return disableForm(this);" action="upload.php" method="post" name="f" id="wizecho" enctype="multipart/form-data"> 
    <input type="file" name="file" /> 
    <button onClick="return disableForm(this),ajaxUpload(this.form,'wizecho_upload.php', '&lt;br&gt;Uploading image please wait.....&lt;br&gt;'); return false;"> 
     Upload Image 
    </button> 
</form> 

Es para subir una imagen.

Aquí tengo que hacer clic en el botón para cargar la imagen y tengo que usar el evento onClick. Quiero eliminar el botón de carga y, tan pronto como se seleccione el archivo en la entrada, deseo activar el evento. ¿¿Cómo puedo hacer eso??

Answer 1

Utilice el evento de cambio en el archivo de entrada.

$("#file").change(function(){ 
     //submit the form here 
}); 

Answer 2

Usted puede suscribirse para el evento onchange en el campo de entrada:

<input type="file" id="file" name="file" /> 

y luego:

document.getElementById('file').onchange = function() { 
    // fire the upload here 
}; 

Answer 3

Esta es una pregunta más antiguo que necesita una respuesta más reciente que se dirigirá a la preocupación de Thomas @Christopher más arriba en los comentarios de la respuesta aceptar. Para salir de la página y luego seleccionar el archivo por segunda vez, debe borrar el valor al hacer clic o al hacer una entrada táctil (para dispositivos móviles). El siguiente funcionará incluso cuando se desplaza fuera de la página y utiliza jQuery:

//the HTML 
<input type="file" id="file" name="file" /> 



//the JavaScript 

/*resets the value to address navigating away from the page 
and choosing to upload the same file */ 

$('#file').on('click touchstart' , function(){ 
    $(this).val(''); 
}); 


//Trigger now when you have selected any file 
$("#file").change(function(e) { 

}