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”尝试了此代码，但它似乎没有什么区别。这是怎么回事？

Answer 1

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

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

1 个答案: