inputラベルfileタイプ、アップロードする複数のファイルを選択
2397 ワード
htmlページ
php処理ページ
xhr2
function xhr2(){
var xhr = new XMLHttpRequest();//
//
var file = document.getElementById('file').files;
//console.log(file.length);
// FormData
var formData = new FormData(); //++++++++++
//
for(i=0;i<file.length;i++){
formData.append("file["+i+"]", file[i]); //++++++++++
}
//formData.append("file", file[0]); //++++++++++
//post
xhr.open('POST', 'xhr2.php'); //
xhr.upload.onprogress = function (event) {
if (event.lengthComputable) {
var complete = (event.loaded / event.total * 100 | 0);
var progress = document.getElementById('uploadprogress');
progress.value = progress.innerHTML = complete;
}
};
//
xhr.send(formData); //
//ajax
xhr.onreadystatechange = function(){ //
if ( xhr.readyState == 4 && xhr.status == 200 ) {
console.log( xhr.responseText );
}
};
//
xhr.timeout = 100000;
xhr.ontimeout = function(event){
alert(' !');
}
}
php処理ページ