Javascript 在React中上载图像时,我收到内部服务器错误
我试图发送带有图像的post请求,但它抛出错误,无法找出原因Javascript 在React中上载图像时,我收到内部服务器错误,javascript,html,reactjs,react-native,react-redux,Javascript,Html,Reactjs,React Native,React Redux,我试图发送带有图像的post请求,但它抛出错误,无法找出原因 const[image,setImage]=useState([]) 我使用了从“react native image picker”导入ImagePicker选择或拍摄相机图片的软件包, 应将其作为FormData发送到服务器: function selectPhotoTapped() { const options = { quality: 1.0, maxWidth: 500, maxHeight: 500, s
const[image,setImage]=useState([])代码>
我使用了从“react native image picker”导入ImagePicker代码>选择或拍摄相机图片的软件包,
应将其作为FormData发送到服务器:
function selectPhotoTapped() {
const options = {
quality: 1.0,
maxWidth: 500,
maxHeight: 500,
storageOptions: {
skipBackup: true,
},
};
ImagePicker.showImagePicker(options, (response) => {
if (response.didCancel) {
} else if (response.error) {
} else if (response.customButton) {
// console.log('User tapped custom button: ', response.customButton);
} else {
const localTime = new Date().getTime();
const data = new FormData();
data.append('fileName', localTime + '.jpg');
data.append('file', {
name: localTime + '.jpg',
uri: response.uri,
type: response.type,
});
// call endpoint to send dataform
}
});
}它在服务器端处理。它返回状态代码500。你应该检查api“/admin/prebuild”是的,它必须以数组的形式发送。但是我不知道怎么做
const handleSubmit = (e) => {
const fd = new FormData();
fd.append('title', title);
fd.append('prebuildImages', image);
axios.post('/admin/prebuild', fd , {
headers: {'Content-Type': 'multipart/form-data' }
})
.then(res => console.log(res))
}
<input type="file" onChange={handleImage}/>
function selectPhotoTapped() {
const options = {
quality: 1.0,
maxWidth: 500,
maxHeight: 500,
storageOptions: {
skipBackup: true,
},
};
ImagePicker.showImagePicker(options, (response) => {
if (response.didCancel) {
} else if (response.error) {
} else if (response.customButton) {
// console.log('User tapped custom button: ', response.customButton);
} else {
const localTime = new Date().getTime();
const data = new FormData();
data.append('fileName', localTime + '.jpg');
data.append('file', {
name: localTime + '.jpg',
uri: response.uri,
type: response.type,
});
// call endpoint to send dataform
}
});