POST un formulario con Jquery AJAX Cuando la entrada es un archivo

Question

Tengo varias áreas donde utilizo AJAX para enviar campos de texto.

var name = $("input#name").val(); 

    $.ajax({ 
     type: "POST", 
     url: "bin/process.php", 
     data: "&name=" + name, 
     success: function() { 
     //handle response here 
    } 
    }); 

Sin embargo, no puedo encontrar la forma de hacerlo si el tipo de entrada es un archivo? Haciendo

var name = $("input#file").val(); no parece funcionar ..

Answer 1

Por defecto, jQuery No puede enviar un formulario a través de AJAX si contiene un campo de carga.

Puede probar este plugin: http://jquery.malsup.com/form/

Answer 2

Esto se realiza típicamente usando un iFrame para enviar el archivo al servidor.

El jQuery Form Plugin es un gran recurso para eso.

Aquí es otra upload script que utiliza xhr cuando sea posible (FF, Safari) y vuelve a caer con gracia a iFrame si es necesario (IE)