Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React中上载图像时,我收到内部服务器错误_Javascript_Html_Reactjs_React Native_React Redux - Fatal编程技术网

Javascript 在React中上载图像时,我收到内部服务器错误

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

我试图发送带有图像的post请求,但它抛出错误,无法找出原因

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
  }
});