无法在提交时上传表单数据和文件内容

Question

我正在尝试使用jQuery-File-Upload来显示上传图像的预览。这工作正常。文件上传的代码如下所示

$('#Image').fileupload({
    url : "/FileUpload/Upload",
    autoupload:false,
    add: function (e, data) {
        gm.layout.loaderOpen(); //open loader 
        data.submit();
    },
    done: function (e, data) {
        console.log("done")
        if (data.response().jqXHR.status === 200)
            $('#processImage').attr('src', data.response().jqXHR.responseText);
    },
    always: function (e, data) {
        gm.layout.loaderClose(); 
    }
})

然而，除了图像预览之外，表单还包含用户填写的其他字段，然后提交表单。现在我尝试使用ajax通过序列化表单来提交和收集数据

var formData = $('form').serializeArray();
$.ajax({
           type:"POST",
           url: "{url}",
           data: formData,
           contentType: false,
           processData:false,
           success: function (data) {
              alert("whatever");
           }

     });

只要我有html输入控件的fileupload，这个ajax提交就会失败。通过文件上传，多媒体数据无法在提交时到达服务器

但是，如果没有相同控件的fileupload，一切正常，我可以在服务器上获取文件内容。

知道我做错了吗？