Как загрузить файл в корзину S3 с бэкэндом Spring из интерфейса React?

Question

Я пытаюсь загрузить файл в корзину s3 через React, и я борюсь с 4xx и 5xx: (

Вот моя база кода:

onChangeHandler = event => {
    const data = new FormData();

    data.append('data', event.target.files[0], event.target.files[0].name);

    axios
        .post(
            '/api/attachments/temporary',
            {
                documents: data,
                tempDir: this.generateUuid()
            },
            {
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            }
        )
        .then(data => {
            console.log(`data --- `, data);
        })
        .catch(e => {
            console.log(` --- `, e);
        });
};

render() {
    return (
            <input type='file' name='file' onChange={this.onChangeHandler} />
    );
}

Если я отправляю это сообщение, я получаю 500, и эта ошибка:

java.io.IOException: UT000036: соединение прервано при разборе многоэлементных данных

Также я заметил, что документы свойство пусто:

Это документ API для бэкэнда:

Как я могу это исправить? Может быть, мне нужно как-то преобразовать файл локально в двоичные данные и т. Д.? Мы можем загружать изображения и файлы .pdf.

Спасибо!