如何在 aws-amplify (React native) 中发送 S3 上传进度？

Question

我能够将图像上传到 S3 并将进度发送到控制台，但无法设置组件的状态。似乎无法将进度发送到外部函数。即使我有一个将其记录到控制台的函数，该函数也不会被调用。

Storage.put(text, Buffer.from(photo.base64, "base64"), {
  progressCallback(progress) {
    prog = parseInt(progress.loaded/progress.total*100)
    console.log(prog+"%");
    this.setState({uploadProgress: prog+"%"})
  },
  contentType: "image/jpeg"
})

Answer 1

这是因为您在 Storage.put 方法的回调中调用了this。您可以在 Storage.put 方法之外缓存对 this 的引用，如下所示（因为没有更好的术语）：

const foo = this;
Storage.put(text, Buffer.from(photo.base64, "base64"), {
  progressCallback(progress) {
    prog = parseInt(progress.loaded/progress.total*100)
    console.log(prog+"%");
    foo.setState({uploadProgress: prog+"%"})
  },
  contentType: "image/jpeg"
})