Question

我在我的应用程序中使用 react-froala-wysiwyg 编辑器。但我在s3桶上传图像时遇到问题。当我试图在s3上传图像时; s3返回错误禁止：403。

任何人都可以共享用于在s3上为reactjs上传图像的配置。

以下是我的配置。

＆＃13;

var config = {

  imageUploadToS3: {
    bucket: 'testing-s3upload',
    // Your bucket region.
    region: 'us-east-1',
    keyStart: 'froalaUploads/',
    params: {
      acl: 'public-read',
      AWSAccessKeyId: 'xxxxxxxxx',
      AWSSecretAccessKey: 'xxxxxxxxxxxxxxxxxxxx',
      policy: '', // i have no policy applied on my bucket.
      signature: '',
    }
  }
}

＆＃13;

Answer 1

在froala编辑器文档中：

为了将图像上传到S3，有必要计算使用AWS access key ID和AWS secret access key签名并将其与上传请求一起提供。富文本编辑器 Ruby SDK随附了使用V4计算S3签名的方法与在任何S3上创建的存储桶一起使用的签名算法地区。

他们还提供了一个示例：

class UploadController < ActionController::Base

  ...

  def index
    # Configuration object.
    options = {
      # The name of your bucket.
      bucket: 'bucket-name',

      # S3 region. If you are using the default us-east-1, it this can be ignored.
      region: 'eu-west-1',

      # The folder where to upload the images.
      keyStart: 'uploads',

      # File access.
      acl: 'public-read',

      # AWS keys.
      accessKey: 'YOUR_AWS_ACCESS_KEY',
      secretKey: 'YOUR_AWS_SECRET_KEY'
    }

    # Compute the signature.
    @aws_data = FroalaEditorSDK::S3.data_hash(options)
  end

  ...

end

对于您而言，您尚未创建签名，一定是错误的。

Official Link

Answer 2

嗨，您的问题解决了吗？我有同样的问题，我也使用相同的方式，但是它不起作用，您能帮我看看我们如何使用imageUploadToS3方法吗？

在s3上传froala图像

2 个答案: