Не удается добавить файл для получения запроса POST

Question

У меня есть запрос, который успешно выполняется в почтальоне, но просто не удается, когда я вызываю его из кода JS. Запросы аналогичны в инструментах разработчика Chrome, и я подозреваю, что просто неправильно добавляю файл. Вот как файл добавляется в почтальон:

Это мой код JS:

let formData = new FormData();
        formData.append('file', event.target.files[0]);
        fetch('http://localhost:8080/file/upload', {
            method: 'POST',
            headers:{
                'Content-Type': 'multipart/form-data',
                'Authorization': 'Bearer ' + JWT
            },
            body:formData
        }).then(response => console.log(response));

Этот код выполняется при изменении файла ввода (type = 'file'). Когда я console.log event.target.files [0], я получаю:

Я неправильно добавляю файл?

Answer 1

'Content-Type': 'multipart/form-data',

multipart/form-data нужен параметр для описания маркера границы.

fetch автоматически сгенерирует соответствующий заголовок Content-Type, но вы переопределяете его и заменяете сломанным.

Удалить эту строку.