Вопрос по javascript, ajax, php – Используя объект FormData, сервер получает пустой POST

2

Я пытаюсь отправить один файл и одну текстовую переменную на мой сервер с объектом FormData. Просматривая вкладку "Сеть" в инструментах разработчика Chrome, я вижу, что файл и переменная отправляются. Однако я пытался использовать var_dump () для переменных $ _POST и $ _FILES, и оба они отображаются в виде пустых массивов. Вот код, который я использую для формы:

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);
}

Я пробовал этот код с и без & quot; charset = utf-8 & quot; в типе контента, и это, похоже, не имеет значения. Что здесь происходит?

Ваш Ответ

1   ответ
6

УдалитьajaxHandler.setRequestHeader("Content-type","multipart/form-data"); из кода. Правильный заголовок multipart / form-data должен содержать граничную строку. Браузер автоматически устанавливает этот заголовок, если вы добавляете файл в FormData.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded

Похожие вопросы