使用 react-native-image-picker 将图像从 React Native 上传到带有预签名 url 的 Amazon S3

Question

我的案子需要帮助。 我正在使用 react-native-image-picker 来挑选图片，目前的问题是何时需要上传图片。

我准备了presignedurl

//here I get the presigned url
  const uploadConfig = await profileApi.getUpdateUrl(id); 
  //I prepare file from response of imagepicker : uri , filename , file type, data(base64 file)
  const file = {
    uri: values.Avatar.uri,
    name: values.Avatar.fileName,
    type: values.Avatar.type,
    data: value.Avatar.data,
  }; 

  //upload to presignedurl of S3 , already tried file.data , file.uri respectively but it resulted same
  const resultUpload = await axios.put(uploadConfig.data.url, file, {
    headers: {
      'Content-Type': file.type,
    },
  });

结果被接受，没有错误，但结果是空白图像，当我下载时不是图像。

Answer 1

不要使用 axios 而是使用 XMLHttpRequest，我不知道为什么，但这有效：

const xhr = new XMLHttpRequest()
xhr.open('PUT', presignedUrl)
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            console.log('Image successfully uploaded to S3')
        } else {
            console.log('Error while sending the image to S3')
        }
    }
}
xhr.setRequestHeader('Content-Type', response.type)
xhr.send({uri: response.uri, type: response.type, name: response.filename})