Javascript 错误：使用axios上载图像时出现网络错误

我正在尝试使用上传图像

react原生图像裁剪选择器

和

axios

这是我的密码：

ImagePicker.openPicker({
宽度：300，
身高：400，
裁剪：没错，
是的，
mediaType:“照片”
})。然后（异步（图像）=>{
试一试{
//console.log（图像）；
var myImage={
uri:image.path，
//uri:image.path，
名称：'profile_pic.jpeg'，
类型：image.mime、//或photo.type
};
//var test={uri:image.path，类型：image.mime，名称：'MY_image'}；
let response=等待APIUpdateProfile（myImage）；
控制台日志（响应）；
}捕获（错误）{
显示消息({
消息：error.message，
类型：“危险”，
标题样式：{fontSize:18}
});
}
}).catch（（）=>{}）；
//从另一个文件
导出异步函数APIUpdateProfile（数据）{
试一试{
常量选项={
标题：{
接受：“应用程序/json”，
“内容类型”：“多部分/表单数据”
}
};
const form_data=new FormData（）；
表单_data.append（'图像'，数据）；
console.log（form_数据）；
const res=等待axios.post（c.更新配置文件、表单数据、选项）；
返回res.data；
}捕获（e）{
控制台日志（e）；
投掷手（e）；
}
}

以及我的php api标题：

标题（“访问控制允许原点：”；
标题（“访问控制允许标题：”；
标题（“访问控制允许方法：POST、GET、OPTIONS”）；
标题（“内容类型：多部分/表单数据”）；

输出

{"_parts": [["image", [Object]]]}
[Error: Network Error]

---

更改此行：form_data.append（'image'，data）

形成_data.append（'image'，JSON.stringify（data））

从

您需要将此uesCleartextTraffic=“true”添加到目录android/app/src/main/AndroidManifest.xml中的AndroidManifest.xml文件中

然后，因为Flipper网络的问题

我评论了initializeFlipper（这是getReactNativeHost（）.getReactInstanceManager（））

在这个文件中/android/app/src/main/java/com/{your_project}/MainApplication.java

另外，注释掉文件android/app/src/debug/java/com/**/ReactNativeFlipper.java中的第43行

---

第43行：builder.addNetworkInterceptor（新的FlipperOkhttpInterceptor（networkFlipperPlugin））

我认为您应该将multipart/form data更改为application/x-www-form-urlencoded，它应该可以工作。@CevaComic我试过了，但没有工作。真奇怪，我有类似的东西，只是我使用redux saga和axios发送化身。