File upload 提交时无法上载表单数据和文件内容

我正在尝试使用jQuery文件上载来显示上载图像的预览。这很好用。文件上传的代码如下所示

$('#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输入控件的文件上传，ajax提交就会失败。文件上传时，多媒体数据不会在提交时到达服务器

但是，在同一个控件没有fileupload的情况下，一切正常，我可以在服务器上获取文件内容

知道我做错了什么吗