FormData を使用して、AJAX 経由でデータを PHP スクリプトに送信しようとしています。入力タイプのテキスト値に問題はないようですが、ファイルを追加しようとすると、エラー TypeError: Value does not implement interface FormData が表示されます。
FormData は初めてですが、Web で検索したところ、このエラーに関するドキュメントが見つかりませんでした。
フォームは次のとおりです。
<form id="item_form" class="item_form" enctype="multipart/form-data">
<div class="">
<label for="emp_photos">photos</label>
<input id="emp_photos" class="inputText" type="file" value="" name="emp_photos">
</div>
</form>
Javascript は次のとおりです。
var formData = new FormData();
formData.append('photos', $('#emp_photos').files[0]);
firebug で発生するエラーは次のとおりです。
TypeError: Value does not implement interface FormData.
...igger("ajaxComplete",[N,p]),--b.active||b.event.trigger("ajaxStop")))}return N},...
jquery....min.js (line 5)
ここで何が間違っていますか?
編集:ajax部分
$.ajax({
type: 'POST',
url: '";
echo $_SESSION["url_base"];
echo "operations/add_employes',
data: formData,
xhr: function() { // custom xhr
myXhr = $.ajaxSettings.xhr();
if(myXhr.upload) { // check if upload property exists
myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // for handling the progress of the upload
}
return myXhr;
},
success: function(msg) {/*...*/}
});