POST un modulo con Jquery AJAX Quando l'input è un file

Question

Ho diverse aree in cui utilizzo AJAX per inviare campi di testo.

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

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

Tuttavia, non riesco a capire come eseguire questa operazione se il tipo di input è un file? Facendo

var name = $("input#file").val(); non sembra funzionare ..

Answer 1

Per impostazione predefinita, jQuery non possono inserire un modulo tramite la tecnologia AJAX se contiene un campo di upload.

Si può provare questo plugin: http://jquery.malsup.com/form/

Answer 2

Questo è in genere fatto utilizzando un iFrame per inviare il file al server.

Il jQuery Form Plugin è una grande risorsa per questo.

Ecco un altro upload script che utilizza XHR quando possibile (FF, Safari) e ricade grazia al iFrame se necessario (IE)