使用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”的代碼，但似乎沒有什么不同。 這里發生了什么？

Answer 1

刪除ajaxHandler.setRequestHeader("Content-type","multipart/form-data"); 從代碼。 正確的multipart / form-data標頭應包含邊界字符串。 如果您在FormData中添加文件，瀏覽器會自動設置該標題。