使用 jquery 上传文件的 Ajax 表单提交

Question

我正在尝试使用 jQuery 通过 ajax 提交一个包含一个文本和一个文件上传字段的表单。

$("#myForm").submit(function() {
    var formData = new FormData($(this)[0]);
    $.ajax({
        url: $(this).attr("action"),
        type: "POST",
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        proccessData: false,
        success: function() {
            // do something smart here
        }
    });
});

提交时，我只收到一个错误对 WrappedNative 原型对象的非法操作，因为 ajax 请求试图从表单发送整个 DOM。

如何正确发送数据？

$(this).serialize() 将是选项，如果我只想发送文本，但我正在尝试发送文本并同时上传文件。

感谢您的帮助！

Answer 1

试试这个，

$("#pushform").submit(function(){
var formData = new FormData($(this)[0]);

$.ajax({
url:$(this).attr("action"),
type: 'POST',
data: formData,
async: false,
success: function (data) {
alert(data);
location.reload();
},
cache: false,
contentType: false,
processData: false
});
return false;