如何解决使用React Native Axios上传图像
我正在尝试通过axios将图像上传到API,但是我遇到问题,服务器完全不发送响应,这是代码
图像选择器
const showImage = () => {
ImagePicker.showImagePicker(options,(response) => {
if (response.didCancel) {
setIsImageEdit(false);
} else if (response.error) {
} else if (response.customButton) {
} else {
const source = response;
setUserImage({
fileLink: source.uri,});
setUploadImageFile(source.uri);
}
});
};
setActivity(true);
const token = await getToken();
if (uploadImageFile) {
const uploadUri =
Platform.OS === 'ios'
? uploadImageFile.replace('file://','')
: uploadImageFile;
const data = new FormData();
data.append('file',{
uri: uploadImageFile,name: 'file',type: 'image/jpg',});
console.log(uploadImageFile);
console.log(data);
Axios.post('http://capi.beebl.io/user/image',data,{
headers: {
Authorization: token,'Content-Type': 'multipart/form-data',},})
.then((res) => {
console.log(res);
setActivity(false);
})
.catch((err) => {
console.log(err);
setActivity(false);
});
解决方法
尝试而不是uploadImageFile.replace('file://','')
:uploadImageFile.replace('file:','')
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。