ファイルを ajax 経由で php に送信したいのですが、以下のコードがありますが、実行すると、 Undefined index: thefile と表示されます。問題は何ですか? HTML
function postData(url){
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
var res = xmlHttp.responseText;
document.getElementById("upLoadName").textContent=res;
}
}
var formData = new FormData();
formData.append("thefile", document.getElementById('thefile').files[0]);
xmlHttp.send(formData);
}
そしてフォーム:
<form action="#" >
<input type="file" name="thefile" id="thefile"/>
<input type="button" name="Send" value="send" onclick="postData('upLoad.php');"/> </form>
PHP
echo json_encode($_FILES["thefile"]["name"]) ;