使用 React Native axios 上传图片
Image upload with 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);
}
});
};
以及通过 axios 上传的代码
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);
});
没有错误显示 activity 指示灯亮一秒没有反应
我正在通过邮递员上传图片,上传的一切都很好
尝试代替 uploadImageFile.replace('file://', '')
这个:uploadImageFile.replace('file:', '')
我正在尝试通过 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);
}
});
};
以及通过 axios 上传的代码
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);
});
没有错误显示 activity 指示灯亮一秒没有反应
我正在通过邮递员上传图片,上传的一切都很好
尝试代替 uploadImageFile.replace('file://', '')
这个:uploadImageFile.replace('file:', '')