archivo de carga automática de jQuery

Question

Quiero que la entrada de archivo cargue automáticamente mi imagen sin ingresar ningún botón de envío.

<form action="/upload/" method="post" enctype="multipart/form-data"> 
    <input type="hidden" name="user_id" value="47" /> 
    <input type="file" name="upload" /> 
</form> 

Avisadme el truco con jQuery

Answer 1

Puede enviar el formulario en el evento onchange del archivo de entrada, así:

$("input[name=upload]").change(function() { 
    $(this).closest("form").submit(); 
}); 

Answer 2

Con versiones más recientes también se puede simplemente ajustar la autoUpload option a true:

$('#fileupload').fileupload({ autoUpload: true });