使用post表单数据上传axios图片总是返回网络错误
Posted
技术标签:
【中文标题】使用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/…以上是关于使用post表单数据上传axios图片总是返回网络错误的主要内容,如果未能解决你的问题,请参考以下文章
Vue+axios+Servlet 中提交表单数据(含上传图片)超详版!!!
vue中使用axios post上传头像/图片并实时显示到页面