上传卡住了

Question

$("#sendingForm").submit(

        function ()
        {
            if (checkForm())
                sendForm();
            return false;
        }

    );
function sendForm ()
        {
            var formData = new FormData($("#sendingForm"));
            $.ajax({
                    url: '/process.php',
                    method: 'post',
                    contentType: 'multipart/form-data',
                    data: formData,
                    success: function(response){
                        if (response!="0")
                            errorsDecode(response);
                        else
                            alrightMes();
                        alert(response);
                    }
                });
        }

我以前是序列化表单数据，但后来我不得不添加文件上传，所以我使用 FormData 类。但它不起作用。我找不到原因。请帮帮我。

Answer 1

FormData 不会解开代表表单元素的 jQuery 对象。

尝试改变：

var formData = new FormData($("#sendingForm"));

到

var formData = new FormData($("#sendingForm")[0]);

您还需要防止在内部通过 $.ajax 处理 FormData 对象，并且在使用 FormData 对象时浏览器将设置多部分内容类型

$.ajax({
  url: '/process.php',
  method: 'post',
  contentType: false,// browser will set multi-part when FormData used
  processing: false,
  data: formData,
  success: function(response) {
    if (response != "0")
      errorsDecode(response);
    else
      alrightMes();
    alert(response);
  }
});