javascript表单包含2个值，且为空

Question

我正在尝试使用ajax上传一个文件和表单数据。但是我得到了一个带有空值的formData对象。 我可以正确地记录fileUpload对象，但我的formData日志是空的

有人能解释一下怎么了吗

$(document).ready(function () {

    var formData = new FormData();
    $('#fileUpload').change(function () {
        formData.append('file',$('#fileUpload')[0].files[0]);
        console.log($('#fileUpload')[0].files[0]);
    });

    $('#btnSubmit').click(function (e) {
        e.preventDefault();
        formData.append('data',$('#creationForm')[0]);
        console.log(formData);
        $.ajax({
            type: 'post',
            url: '/upload/testCase',
            data: formData,
            processData: false,
            success: function (result) {},
            error: function () {}
        });
        return false;
    });
});

我想在Spring控制器中使用它们

@RequestMapping(value = "/upload/testCase" , method = RequestMethod.POST)
public @ResponseBody String uploadTestCase(@RequestParam("data") String data, @RequestParam("file") MultipartFile file ) {
    //TestCases.upload(file);
    System.out.println(data + file);
    return "";
}