使用post表单数据上传axios图片总是返回网络错误

Posted 2023-03-28

【中文标题】使用post表单数据上传axios图片总是返回网络错误

【英文标题】：Axios image upload using post form data always returns network error

【发布时间】：2020-02-04 12:03:00

【问题描述】：

在使用 axios 运行 react native 的 android 上上传图像时遇到问题。我对此进行了很多研究，并在过去的 3 天里尝试了很多东西，但还没有解决方案。 这似乎是android上非常常见的问题。任何帮助表示赞赏。

let url = "myURL will be here"
let uploadBody = new FormData()
uploadBody.append('photos',uri:this.state.coverImage[0].uri,type: 'image/jpeg',
    name: 'coverimage')
axios.post(url, 

method: "POST",
body: uploadBody,
headers : 
"Content-Type":"application/x-www-form-urlencoded"

).then((resp) => 
console.log(resp);
).catch(err => 
console.log(err);
);

该 api 在邮递员上运行良好。我可以上传图片。我得到了回应 “成功”：真

在安卓上出现这个错误

Error: Network Error
at createError (createError.js:15)
at XMLHttpRequest.handleError (xhr.js:88)
at XMLHttpRequest.dispatchEvent (event-target-shim.js:818)
at XMLHttpRequest.setReadyState (XMLHttpRequest.js:574)
at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:388)
at XMLHttpRequest.js:501
at RCTDeviceEventEmitter.emit (EventEmitter.js:189)
at MessageQueue.__callFunction (MessageQueue.js:395)
at MessageQueue.js:106
at MessageQueue.__guard (MessageQueue.js:343)

【问题讨论】：

在尝试通过 AWS3 上传时与 Android 相同，并且在 iOS 上运行良好...任何解决方案？

@Mayoul 我使用 RNFetchBlob 库而不是 axios 让它工作

@vamsikrishna iam 在 Android 中使用 axios 时也遇到了这个问题！

上传图片时同样的错误也尝试使用传递路径而不是 imageUri

【参考方案1】：

你的身体是真实的检查你的互联网网络。

【讨论】：

有趣的是我的请求到达了服务器，有时图像也上传了，但是响应总是网络错误。或者当我在没有 axios 的情况下使用 xhttp 时，我得到一个 0 响应代码。 ***.com/questions/58241300/…