我是React Native的新手,并尝试使用Axios上传图像,但得到:Request failed with status code 500
我没有后端问题,因为我可以用 postman 上传图像,一切都很好。
这是我的代码,如果您知道解决方案,请帮助我,当我管理日志数据时,所有数据都可以!!
const data = new FormData();
data.append('name', name);
data.append('childrenImage', childrenImage);
data.append('parent', parent)
console.log(data);
axios.post('http://192.168.0.24:3000/childrens/', data, {
headers: {
'Authorization': auth,
'accept': 'application/json',
'Content-Type': `multipart/form-data`
}
}
).then(res => {
console.log(res.data);
console.log(res.status);
})
.catch(err => {
console.log(err.message);
});
最佳答案
不能确定,但就我而言,我必须在文件中添加一个“名称”字段。遵循其他建议,我最终得到如下结果:
import axios from 'axios';
import FormData from 'form-data';
function upload (data, images, token) {
const formData = new FormData();
formData.append('data', data);
images.forEach((image, i) => {
formData.append('images', {
...image,
uri: Platform.OS === 'android' ? image.uri : image.uri.replace('file://', ''),
name: `image-${i}`,
type: 'image/jpeg', // it may be necessary in Android.
});
});
const client = axios.create({
baseURL: 'http://localhost:3001',
});
const headers = {
Authorization: `Bearer ${token}`,
'Content-Type': 'multipart/form-data'
}
client.post('/items/save', formData, headers);
}