POST-форма с Jquery AJAX, когда вход представляет собой файл

Question

У меня есть несколько областей, где я использую AJAX для отправки текстовых полей.

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

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

Однако я не могу понять, как это сделать, если тип ввода - файл? Делая

var name = $("input#file").val(); не работает ..

Answer 1

По умолчанию jQuery не может отправить форму через AJAX, если она содержит поле загрузки.

Вы можете попробовать этот плагин: http://jquery.malsup.com/form/

Answer 2

Обычно это делается с помощью iFrame для отправки файла на сервер.

Плагин jQuery Form является отличным ресурсом для этого.

Вот еще один скрипт загрузки , который использует xhr, когда это возможно (FF, Safari) и при необходимости корректно обращается к iFrame (IE)