Не известно что и как у вас по логике вёрстки, форм, etc.
Поэтому пример только для сбора всех заполненных input файлов.
Используем FormData
<!DOCTUPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<input type="file"><br>
<input type="file"><br>
<input type="file"><br>
<input type="file"><br>
<input type="file"><br>
<input type="file"><br>
<input type="file"><br>
<button id="click">Test</button>
<script>
var btn =document.getElementById('click');
click.addEventListener('click', function(e){
var files = document.querySelectorAll('input[type="file"]'),
fd = new FormData();
if(files){
files.forEach(function(input, index, list){
if(input.files.length){
fd.append("filesUpload[]",input.files[0]);
}
});
}
// вывод для теста
console.log(fd.getAll('filesUpload[]'));
// Отправляем ajax
// Повесить обработчики отправки!!!!
var request = new XMLHttpRequest();
request.open("POST", "http://localhost/submitform.php");
request.send(fd);
});
</script>
</body>
</html>
Что пришло на сервер в $_FILES