Question

我一直在努力将文件从html表单直接上传到Amazon S3存储桶并使其正常工作，但在成功上传后不会重定向。我正在发送'success_action_redirect'字段，并且正在获取204状态代码（yay）。我的想法是它没有认识到重定向到localhost（我正在测试的地方），但即使我把www.google.com作为重定向，它也不会重定向。

这是我编码到我的签名中的json（日期是临时的）：

{
      "expiration": "2014-01-01T00:00:00Z", 
      "conditions": 
      [ 
           {"bucket": "mybucket"}, 
           ["starts-with", $key, "tests/" ], 
           {"success_action_redirect": "www.google.com"}, 
           {"acl": "public-read" } 
      ] 
}

这就是我的html：

<form id="fileform" action="https://mybucket.s3.amazonaws.com/" method="post" enctype="multipart/form-data" >
    <input type="hidden" name="key" value="@key" />
    <div class="editor-area">
        <label for="file">File</label>
        <input type="file" name="file" />
    </div>

    <input type="hidden" name="success_action_redirect" value="www.google.com" />
    <input type="hidden" name="acl" value="public-read" />
    <input type="hidden" name="AWSAccessKeyId" value="@awsAccessKeyId" />
    <input type="hidden" name="policy" value="@b64Policy" />
    <input type="hidden" name="signature" value="@signature" />

    <button id="file-button">Save File</button>
</form>

这是有效的，它只是没有进行重定向（我的CORS设置都设置为接受帖子）。是否存在必须设置为允许重定向的CORS设置？

如果有人能看到我可能做错了什么，请赐教！

Answer 1

我遇到了同样的问题，遗憾的是，发现你的问题没有答案。但是，在重新阅读文档之后，我解决了在成功上传到S3存储桶后没有发生重定向的问题。事实证明，我错过了S3文档上的小片段，看起来它可能会导致您的问题...

http://docs.aws.amazon.com/AmazonS3/latest/dev/HTTPPOSTForms.html#HTTPPOSTFormFields

文件或内容必须是表单中的最后一个字段。它下面的任何字段都会被忽略。

在我的表单中，我在文件输入字段后面有隐藏的重定向输入字段，因此S3忽略了它。在我的文件字段之前移动隐藏的重定向输入字段可以解决问题。现在我的帖子重定向到指定的重定向。

我的表单不正确：

<form action="http://<bucketName>.s3.amazonaws.com/" method="post"
    enctype="multipart/form-data">
    <input type="hidden" name="key" value="${filename}" />
    <input type="file" name="file" />

    <!-- the following fields are ignored as they are after the file field -->
    <input type="hidden" name="success_action_redirect" 
        value="http://www.google.com/" />
    <input type="submit" value="send to aws" />
</form>

我的更正和工作形式：

<form action="http://<bucketName>.s3.amazonaws.com/" method="post"
    enctype="multipart/form-data">
    <input type="hidden" name="key" value="${filename}" />
    <input type="hidden" name="success_action_redirect" 
        value="http://www.google.com/" />
    <input type="file" name="file" />
    <input type="submit" value="send to aws" />
</form>

因此，对于您的示例，我会尝试以下内容：

<form id="fileform" action="https://mybucket.s3.amazonaws.com/" method="post" enctype="multipart/form-data" >
    <input type="hidden" name="key" value="@key" />
    <input type="hidden" name="success_action_redirect" value="http://www.google.com/" />
    <input type="hidden" name="acl" value="public-read" />
    <input type="hidden" name="AWSAccessKeyId" value="@awsAccessKeyId" />
    <input type="hidden" name="policy" value="@b64Policy" />
    <input type="hidden" name="signature" value="@signature" />

    <div class="editor-area">
        <label for="file">File</label>
        <input type="file" name="file" />
    </div>

    <button id="file-button">Save File</button>
</form>

注意：我确实更新了URL以包含协议

Answer 2

我在Django中得到了它，因为它必须是reverse默认情况下不会生成的完整URL。需要添加request.build_absolute_uri

urlredirect = request.build_absolute_uri(reverse('gui:page'))
s3data = s3client.generate_presigned_post(
    Bucket=settings.AWS_S3BUCKET,
    Key='file.name',
    Conditions=[{'success_action_redirect': urlredirect}]
)
s3data['fields'] = dict((k.replace('-', ''), v) for k, v in s3data['fields'].items())

return render(request, self.template_name, {'s3':s3data, 'urlredirect':urlredirect})

亚马逊s3文件上传到存储桶成功后不会重定向

2 个答案: