使用axios将本机图像和数据上传到api

时间:2019-05-20 12:29:06

标签: reactjs react-native axios

如何使用axios将图像上传到api

我想使用axios将包含数据的图像上传到api 我尝试使用formdata,但无法正常工作,请参见下面的代码

how it work in postman

这是我的代码

span {
  writing-mode: vertical-rl;
  text-orientation:sideways;
}

我尝试了很多解决方案,但这给了我 错误:请求失败,状态码为500

1 个答案:

答案 0 :(得分:0)

500 Internal Server Error是一个非常普通的HTTP状态代码,表示服务器上出现了问题。 您可以这样请求(使用访存):

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')
})