Несколько загрузок файлов с использованием javascript-php (без jQuery) AJAX [дубликат]

Способ работы с javascript:

var data = new FormData();

$.each($("input[type='file']")[0].files, function(i, file) {
    data.append('file', file);
});

$.ajax({
    type: 'POST',
    url: '/your/url',
    cache: false,
    contentType: false,
    processData: false,
    data : data,
    success: function(result){
        console.log(result);
    },
    error: function(err){
        console.log(err);
    }
})

Если вы вызываете data.append («файл», файл) несколько раз, ваш запрос будет содержать массив ваших файлов.

Используя с помощью node.js и multipart handler middleware multer, вы получите следующие данные:

router.post('/trip/save', upload.array('file', 10), function(req, res){
    // Your array of files is in req.files
}

Вам просто нужно использовать fileToUpload[] вместо fileToUpload:

fd.append("fileToUpload[]", document.getElementById('fileToUpload').files[0]);

И он вернет массив с несколькими именами, размерами и т. д. ...

Вы должны получить длину файла для добавления в JS, а затем отправить его по запросу AJAX, как показано ниже

//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/>';
}