JavaScript в PHP Загрузить несколько файлов из таблицы HTML ⇐ Javascript

[Anonymous]

Я создал таблицу, которую пользователь может использовать для ввода нескольких файлов (фотографий с телефона).
Я генерирую строки таблицы, используя JavaScript, а X (ниже) начинается с 1 и оттуда. Это строка, которая генерирует JavaScript < /p>
'
Когда я отправляю эти файлы для загрузки, я отправляю их через Ajax в файл PHP. Это то, что я использую для создания массива файлов для отправки в виде параметров Post: < /p>
for (var r = 1, n = table.rows.length; r < n; r++) {
var myInput = document.getElementById("myFileInput" + r);
fileArray.push(myInput.files[0]);
}
< /code>
Я отправляю массив файлов, как это: < /p>
form.append('file', fileArray);
Проблема состоит в том, что массив файлов отправляется в файл PHP в параметрах $ _post, а не массив $ _files, и я не знаю, как обрабатывать что. < /p>
Вот минимальный воспроизводимый пример - файл пользовательского интерфейса (html) < /p>



LIST of files to php



















Add Another Photo Or File



Submit




const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);

function submitFiles() {

//File(s)
var table = document.getElementById('FileTable');

var fileArray = [];
for (var r = 1, n = table.rows.length; r < n; r++) {
var myInput = document.getElementById("myFileInput" + r);
fileArray.push(myInput.files[0]);
}

var form = new FormData(),
xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
alert('Submited');
}
}

form.append('file', fileArray);
xhr.open('post', 'uploadMinReproduceable.php', true);
xhr.send(form);

}

function deleteRow(id)
{
document.getElementById(id).remove()
}

function addRow() {

var table = document.getElementById("FileTable");
// GET TOTAL NUMBER OF ROWS
var x =table.rows.length;
var id = "row"+x;
var row = table.insertRow(x);
row.id=id;
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);

var cell1Inner = ' ';
cell1.innerHTML = cell1Inner;

cell2.classList.add("text-center");
cell2.classList.add("py-1");
cell2.innerHTML = 'Delete';
}

//Initialise the table with a row
addRow();





< /code>
Файл PHP: < /p>

< /code>
Результат в журнале ошибок (обратите внимание, что массив $ _files пуст): < /p>
[26-Feb-2025 17:33:14 Australia/Sydney] post params for upload file /uploadMinReproduceable.php
[26-Feb-2025 17:33:14 Australia/Sydney] key: file value: [object File]
[26-Feb-2025 17:33:14 Australia/Sydney] files params for upload file /uploadMinReproduceable.php
< /code>
ожидаемый результат в журнале ошибок для массива $ _files: < /p>
[26-Feb-2025 16:16:14 Australia/Adelaide] files params for upload file /FileTest/uploadFile.php
[26-Feb-2025 16:16:14 Australia/Adelaide] Files key: file Files value: Array


Подробнее здесь: https://stackoverflow.com/questions/794 ... html-table