Uploading multiple files using formData()

Question

var fd = new FormData(); fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]); var xhr = new XMLHttpRequest(); xhr.open("POST", "uph.php"); xhr.send(fd); 

uph.php:

var_dump($_FILES['fileToUpload']); 

This works, but obviously for the files[0] only. How to get this working for chosen file?

I tried removing the [0], but it didn't work.

Answer 1

You have to get the files length to append in JS and then send it via AJAX request as below

//JavaScript  var ins = document.getElementById('fileToUpload').files.length; for (var x = 0; x < ins; x++) {     fd.append("fileToUpload[]", document.getElementById('fileToUpload').files[x]); }  //PHP $count = count($_FILES['fileToUpload']['name']); for ($i = 0; $i < $count; $i++) {     echo 'Name: '.$_FILES['fileToUpload']['name'][$i].'<br/>'; }