选择后如何将图像/视频上传到 S3？

Question

我正在使用 react native 来构建 iOS 应用。通过使用react-native-image-picker，我设法在我的手机模拟器上获得了图像的uri。我不知道如何将其上传到 Amazon S3（使用 aws Amplify 中的“存储”）。

 ImagePicker.launchImageLibrary(options, (response) => {
      console.log('Response = ', response);

       this.setState({ 
          imFileName: response.fileName,
          fileData: response.data,
          fileURL: response.uri 
        });

       this.putFileInS3();
   }

putFileInS3 = async () => 
{

  Storage.put(this.imFileName, new Buffer(this.fileData, 'base64'), { contentType: 'image/jpeg'})
  .then(() => {
    console.log('successfully saved image to bucket')
  })
  .catch(err => {
  console.log('error saving file to bucket')
})
}

我得到错误：

Possible Unhandled Promise Rejection (id: 0):
TypeError: The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type undefined

如何正确调用 Storage.put()？

Answer 1

您应该使用响应对象的数据字段。

像这样：

Storage.put(
      response.fileName,
      new Buffer(response.data, "base64")
);

你必须安装 Buffer 包并导入它：

import { Buffer } from "buffer";

您可以在存储模块的文档中阅读更多信息(https://aws-amplify.github.io/docs/js/storage)，其中有一个部分是在 React Native 应用程序中上传图像

希望这会有所帮助。

---

更新： launchImageLibrary 应如下所示：

ImagePicker.launchImageLibrary(options, response => {
  console.log("Response = ", response);

  this.setState({
    imFileName: response.fileName,
    fileData: response.data,
    fileURL: response.uri
  });

  Storage.put(response.fileName, new Buffer(response.data, "base64"), {
    contentType: "image/jpeg"
  })
    .then(() => {
      console.log("successfully saved image to bucket");
    })
    .catch(err => {
      console.log("error saving file to bucket");
    });
});