Реактивная загрузка изображения и данных в API с помощью Axios

Question

Как загрузить изображение в API с помощью Axios

Я хочу загрузить изображение с данными в API с помощью Axios я пытаюсь с formdata, но это не сработало, смотрите ниже мой код

а это мой код

uploadToServer= () => {
    const file =this.state.photo



let formdata = new FormData()
formdata.append('sale_id', 1)
formdata.append('note_type_id', 4)

formdata.append('description', "test")

formdata.append('note_content_item', "test")

formdata.append('Note', file)


   axios.post('api',
        {data:formdata},{headers: {
          'Content-Type' : 'multipart/form-data',
          'Authorization':'xx'
            }

          })
        .then(resp => console.log(resp))
        .catch(error => console.error(error)); 

}

Я пытаюсь найти много решений, но это дает мне Ошибка: запрос не выполнен с кодом состояния 500

Answer 1

500 Internal Server Error - это очень общий код состояния HTTP, который означает, что на сервере что-то пошло не так.Вы можете запросить вот так (используя fetch):

let formdata = new FormData()

formdata.append('description', "test")

let i = {
    uri: image.path,
    type: 'multipart/form-data',
    name: `image.jpg`,
};
formdata.append('image', i);

fetch(YourApi,{
    method: 'post',
    headers: {
        'Content-Type': 'multipart/form-data',
    },
        body: formdata
}).then(response => {
    response.text().then((res)=>{
        console.warn(res)
    })
}).catch(err => {
    console.warn('error')
})