jquery - JQuery1.8.0：通过 AJAX 从表单发送文件

Question

我用 CakePHP 开发，最初认为这个问题与 Cake 相关；不是。我已经重写了这个问题，以使我收到的答案更广泛适用

我有一个表格

  <form action"">
      <fieldset> 
      <!---- bunch of fields----->
      <input type="file" name="data[Upload][file]" id="UploadFile">
      <button id="ajaxUploadSubmit"> Submit </button>
      </fieldset>
  </form>

我写的提交函数看起来像：

$( "#ajaxUploadSubmit" ).click(function() {
                $.ajax({
                    url:"uploads/add",
                    data: $( "#UploadsAddForm" ).serialize()
                }).done(function(responseText) {
                    alert(responseText);
                  })
                 .fail(function() {
                     alert('failxors');
                  })
                });

但是这一行返回一个空数组：$this->request->data。

Answer 1

我认为您不会停止提交表单：

$( "#ajaxUploadSubmit" ).click(function(e) {
      e.preventDefault();

而不是click尝试submit：

尝试改变这个：

$( "#ajaxUploadSubmit" ).click(function() {

对此：

$(".form").submit(function(e) {
    e.preventDefault();

Answer 2

我只是添加这个答案，所以这个问题可以标记为已回答；事实上 thaJeztah 在 Jai 的回答的第三条评论中回答了这个问题：在这种情况下，问题是我应该使用 FormData() 而不是 Serialize() 如此处所示： how to do file upload using jquery serialization