Why aren't files uploaded to and the server returns an empty object?

Question

React

There is a front on which I am trying to do image uploads, such as image hosting, nothing complicated, on the upload button the code is:

const handleUploadPhoto = async e => {
        e.preventDefault();
        
        const formData = new FormData();

        fileList.forEach(file => {
            formData.append("files", file, file.name);
        });

        const { data } = await axios.post("/api/upload", formData, {
            headers: {
                "Content-Type": "multipart/form-data"
            }
        });

        console.log(data);
    };

fileList is an array of e.dataTransfer.files objects.
On the back:

public function upload(Request $request)
    {
        return response()->json($request);
    }

Why is {files:{}} returned to me if I upload an image, if I upload something like
formData.append('test':'test'); everything works out .... Where I made a mistake, please tell me, I already looked at the tutorials, everywhere the same code, like mine.

Answer 1

Sending a file to the back, I tried to see it, I don’t know why it doesn’t debug, at least it didn’t work for me, I added the back of saving images and everything works.