为什么图像没有在本机反应中上传到服务器

时间:2021-03-09 12:52:09

标签: react-native api base64 multipartform-data multipart

我是本机反应的新手。我正在尝试将图像上传到服务器。但图片没有上传。我没有发现我的代码有什么问题。或者我犯了什么错误。因为我没有收到任何错误或警告。

如果我只使用正文中的数据而不是 JSON.stringify([{data}]) 那么错误会变成这样 = 网络请求失败。

这是我的代码


const App = () => {
  const [singleFile, setSingleFile] = useState(null);

  const uploadImage = async () => {
  
    if (singleFile != null) {
     
      const fileToUpload = singleFile;
      const data = new FormData();
      data.append('name', 'Image Upload');
      data.append('file_attachment', fileToUpload);

      console.log(data)
      // console.log(JSON.stringify(data))
      let res = await fetch(
        'https://abc.tech/Android_API_CI/upload_multipart_data',
        {
          method: 'post',
          body: JSON.stringify([{data}]),
          // body : data,
          headers: {
            'Content-Type': 'multipart/form-data; ',
          },
        }
      )
  .then(function(response) {
    console.log(JSON.stringify(response))
    Alert.alert("File uploaded");
  })
  };
}

  const selectFile = async () => {
   
      let pickerResult = await ImagePicker.launchImageLibraryAsync({
        allowsEditing: true,
        aspect: [4, 3],
      });

        setSingleFile({ singleFile : pickerResult.uri});
  };
  

0 个答案:

没有答案