3

FormDataオブジェクトを使用して1つのファイルと1つのテキスト変数をサーバーに送信しようとしています。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」を使用した場合と使用しない場合でこのコードを試しましたが、違いはないようです。何が起きてる？

4

1 に答える 1

7

コードからを削除しajaxHandler.setRequestHeader("Content-type","multipart/form-data");ます。適切なmultipart/form-dataヘッダーには、境界文字列が含まれている必要があります。FormDataにファイルを追加すると、ブラウザはそのヘッダーを自動的に設定します。

于 2012-04-26T04:01:56.383 に答える