Как отправить картинку на сервер?

Question

[Анастасия Панфилова]

всем добрый вечер
меня в ступор ввела отправка файлов на сервер. у меня есть приложение на реакте, мне нужно загрузить картинку и отправить ее на сервер
погуглила, почитала, делаю так:

let formData = new FormData()
  formData.append('logo', action.payload.image, 'logo.svg')

  const response = yield call(apiRequest, 'api/uploadFiles', 'POST', {
    body: formData,
    contentType: 'multipart/form-data',
  })

image здесь это:
const image = event.target.files[0]

однако при отправлении запроса не вижу в request payload моих файлов (консоль браузера, вкладка Network)
в чем может быть проблема? должна ли я видеть данные в request payload? если не должна видеть, то может ли быть проблема на сервере?
моя formData не консольлогается, однако когда я прохожусь циклом по ней, то виду что все поля на месте:

for (var key of action.payload.formData.entries()) {
    console.log(key[0] + ', ' + key[1])
  }

Answer 1

[Mikhail Osher]

Уберите заголовок contentType. fetch его сам выставляет для FormData + добавляет form boundary автоматически.

Comments

[Анастасия Панфилова]

убрала, только он автоматически не подставился:
content-type: application/json

[Mikhail Osher]

Анастасия Панфилова, предположу, что apiRequest сам его выставляет, если не передать.