使用FormData对象，服务器收到一个空的POST请求

Question

我正在尝试使用FormData对象将一个文件和一个文本变量发送到我的服务器。在Chrome开发者工具的网络选项卡中，我可以看到文件和变量正在被发送。但是，我已经在$_POST和$_FILES变量上尝试了var_dump()，两个变量都显示为空数组。以下是我用于表单的代码：

var image_upload = document.getElementById("image_upload");

if(image_upload.value == '')
{
   alert("Please select a file to upload.");
}
else
{
   alert("in");
   var ajaxHandler = new XMLHttpRequest();
   var content = image_upload.files[0];
   var formData = new FormData();
   formData.append("type", "5");
   formData.append("content", content)

   ajaxHandler.onreadystatechange = function() {
      if(ajaxHandler.readyState == 4)
      {
         alert(ajaxHandler.responseText);
      }
   };

   ajaxHandler.open("POST", "newCard", false);
   ajaxHandler.setRequestHeader("Content-type","multipart/form-data");
   ajaxHandler.send(formData);
}

我尝试过使用和不使用“charset=utf-8”在内容类型中的代码，但似乎没有什么区别。这是怎么回事？

- Fibericon

Answer 1

从代码中删除 ajaxHandler.setRequestHeader("Content-type","multipart/form-data"); 。 适当的 multipart/form-data 头应包含边界字符串。如果在 FormData 中添加文件，则浏览器会自动设置该头。

- Andrey M.

---

确认修复了我在Chrome上使用某些FormData文件上传代码时遇到的类似问题。谢谢！ - Lance Nanek

哦，这很有趣。+1 - Qix - MONICA WAS MISTREATED

对我来说起作用了，尽管我摆脱了setRequestHeader("Content-Type","application/x-www-form-urlencoded");。 - kiwicomb123