jquery - 使用 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 原型(prototype)对象进行非法操作，因为 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;