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

Я только добавляю этот ответ, поэтому этот вопрос можно отметить как ответ; на самом деле thaJeztah ответил на это в третьем комментарии ответа Jai: проблема в этом случае заключалась в том, что я должен был использовать FormData() вместо Serialize(), как показано здесь: how to do file upload using jquery serialization

Answer 2

Я думаю, что вы не останавливая форму для отправки:

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

Вместо того, чтобы click попробовать submit:

пытаются это изменить:

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

к этому:

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