使用Jquery AJAX POST表单当输入是文件时

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 POST表单。

您可以尝试使用此插件：http://jquery.malsup.com/form/

Answer 2

这通常使用iFrame将文件发送到服务器。

jQuery Form Plugin是一个很好的资源。

这是另一个upload script，它尽可能使用xhr（FF，Safari）并在必要时优雅地回退到iFrame（IE）