Question

我们一直在寻找将文件上传到S3的选项。我们正在使用S3静态Web托管的一个选项。在这个选项中，我们将有一个页面，我正在尝试编写一个带有上传选项的简单Index.html页面。我设置了以下Bucket Policy：

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "Allow Public Access to All Objects",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": "arn:aws:s3:::<bucketname>/*"
        }
    ]
}

以下是CORS设置：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
</CORSConfiguration>

以下是Index.html中的代码

<html>
<header><title>Hello World</title></header>
<body>
Hello world

<form action="/action_page.php">
  <input type="file" name="pic" accept="image/*">
  <input type="submit">
</form>
</body>
</html>

当我尝试使用webhosting URI访问我的s3存储桶时，我正在获取该页面，当我尝试上传文档时，我收到以下错误：

404 Not Found

Code: NoSuchKey
Message: The specified key does not exist.
Key: action_page.php
RequestId: <requestid>
HostId: <hostid>
An Error Occurred While Attempting to Retrieve a Custom Error Document

Code: NoSuchKey
Message: The specified key does not exist.
Key: error.html

如果我添加error.html页面，则会显示我的错误页面。

现在我的想法是使用S3虚拟主机将文件上传到存储桶而不进行任何编码是正确的方法吗？我在这里缺少什么？

Answer 1

您无法在S3静态网站上运行任何PHP文件 - 这需要后端服务器，并且您的表单正在尝试发布到＆＃39; action_page.php＆＃39;。

这简直无法工作。

以下是您可以继续操作的一个示例：

在此示例中，一个简单的HTML页面提供了一个基于浏览器的应用程序，用于在Amazon S3存储桶中创建可以上传照片的相册。该应用程序允许您删除添加的照片和相册。

http://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html

使用AWS S3静态Web托管将文件上载到S3

1 个答案: