Как передать файлы через axios ?

[Alehana]

Есть поля класса vseimage имеющие тип file. При нажатии на кнопку saveresylt данные из них должны собираться и передаваться в файл FotoAdress.php для обработки, по итогам которой они будут выведены в поле workerzone. jQuery использовать не могу по техническим причинам, по этому для работы с ajax пользуюсь фрэймворком axios.

function Images() {
var fd = new FormData;
let  imageman3=document.querySelector(".imageman3");
let  vseimage=document.querySelectorAll(".vseimage");
for (let k=0;k<vseimage.length;k++){
if (vseimage[k].value!=""){fd.append('img'+k,vseimage[k].getAttribute("files")[0]);}
}
axios.post('/FotoAdress.php', {
                                            data:fd,
                                            processData: false,
                                            contentType: false,
                                    })
                                        .then(function (response) {
 let workerzone=document.querySelector(".workerzone");
     workerzone.innerHTML=response["data"];
                                        })
                                        .catch(function (error) {
                                            alert("eroor");
                                        });
                                    }
                                    let saveresylt=document.querySelector(".saveresylt");
saveresylt.onclick=Images;

Код файла FotoAdress.php

$_FILES = json_decode(file_get_contents('php://input'), true);
var_dump($_FILES);

Код не работает. Кто-нибудь знает, в чем здесь проблема ?

[laimas]

'img'+k - это зачем? Это getAttribute("files")[0] и json_decode(file_get_contents('php://input') - что такое?

[Alehana]

'img'+k - название файла,в котром передается изображение (например $_FILES["img1"]);
getAttribute("files")[0] - данные файла,которые потом будет выводить var_dump. (array(5) { ["name"]=> string(15) "_gQeUnHFsbo.jpg" ["type"]=> string(10) "image/jpeg" ["tmp_name"]=> string(14) "/tmp/phpWrlJsm" ["error"]=> int(0) ["size"]=> int(122930) })

json_decode(file_get_contents('php://input') - перевод данных из кодировки JSON.

[Alehana]

Нашел рабочую схему передачи

var fd = new FormData;
let  imageman3=document.querySelector(".imageman3");
 let  vseimage=document.querySelectorAll(".vseimage");
for (let bi=0;bi<vseimage.length;bi++){
                                            if (vseimage[bi].value!=""){  fd.append('file'+bi, vseimage[bi].files[0])}
                                        }

                               
                                        workerzone.innerHTML="<span>Ждите</span><span class='grign1'>"+girigo+"</span>";console.log(girigo);
                                            axios.post('/FotoAdress.php', fd, {
                                                headers: {
                                                    'Content-Type': 'multipart/form-data'
                                                }
                                            })
                                                .then(response => {
                                                    console.log(response);
                                                    let workerzone=document.querySelector(".workerzone");
                                                    workerzone.innerHTML=response["data"];
                                                })
                                                .catch(error => {
                                                    alert("eror")
                                                })

[laimas]

'img'+k - название файла,в котром передается изображение (например $_FILES["img1"]);

Я поэтому и спрашиваю зачем? Ну получив массив $_FILES выведите вы его не дам, а структуру, может тогда понятно станет, что это лишнее и никчемное.

json_decode(file_get_contents('php://input') - перевод данных из кодировки JSON

Что за чушь? 'multipart/form-data' - это смешанный контент включающий бинарные данные.

А у вас поля file с одиночным выбором?