Отправка изображений в конечную точку PHP с помощью ReactJS ⇐ Php

[Anonymous]

У меня есть конечная точка PHP, на которую я отправляю данные из ReactJS. Я вообще не могу получить данные изображения из HTML-ввода для отправки в мой API.
Вот пример данных, отправляемых в API. Файл — это то, что я вижу в консоли, и при открытии этого объекта появляется дополнительная информация о загруженном мной файле. (Когда они загружают изображение, я использую setFormData(), чтобы поместить это изображение, загруженное туда из

Код: Выделить всё

e.target.files[0]

)

Код: Выделить всё

const formData = {
uploaded_image: File
};

When I log my formData,

Код: Выделить всё

uploaded_image

has

Код: Выделить всё

File

inside it the console. That's good!
However when I POST the data to the api, the actual data sent makes this

Код: Выделить всё

File

into

Код: Выделить всё

{}

. When I check what was sent over in PHP, the JSON data (

Код: Выделить всё

file_get_contents('php://input')

) displays

Код: Выделить всё

uploaded_image: {}

.
I have tried using

Код: Выделить всё

new FormData()

to bring everything in as that kind of data, but once it hits the API endpoint, the fields with File in them are just removed once they are sent to the endpoint in the Network Tab of Devtools.

Код: Выделить всё

form_data.append('uploaded_image', e.target.files[0]);
# uploaded_image removed from POST data upon checking Network Tab for what was actually sent

I have tried using Axios and normal Fetch, with and without FormData (without I mean

Код: Выделить всё

JSON.stringify(formData)

). The media is always removed.

Код: Выделить всё

const formData = {
data: File # uploaded image from html file input
};

const response = await fetch(url, {
method: 'POST',
body: JSON.stringify(formData)
});

My API endpoint is php8.0 on Windows Server 2016.


Источник: https://stackoverflow.com/questions/781 ... th-reactjs