如何在 Amazon S3 浏览器上查看直接链接？

Question

我将我的数据托管在 Amazon S3 存储桶中。我的客户想直接在浏览器中查看链接而不是下载它，有人知道如何在帐户中编辑它。 https://s3.ap-southeast-1.amazonaws.com/faceangiang/uploads/photos/2021/06/fag_25852ed53ec643754a1b5ff366d55128.png

Answer 1

如果我们抓取 URL 的头部，我们可以看到图片的 content-type 是application/octet-stream

curl -X HEAD -I https://s3.ap-southeast-1.amazonaws.com/faceangiang/uploads/photos/2021/06/fag_25852ed53ec643754a1b5ff366d55128.png

给出以下响应：

HTTP/1.1 200 OK
x-amz-id-2: Vjf6IS4POj2NMre0IJaHZeQMcJyFd/AMgFl77kK5sdWZakpfSHUeycZj1/8619C3rArd3QKunwk=
x-amz-request-id: JSW0VBMFXDDKFJGZ
Date: Sat, 26 Jun 2021 08:40:37 GMT
Last-Modified: Sat, 26 Jun 2021 08:10:49 GMT
ETag: "82dfa35719adef79821b4e0f90c74ab7"
Accept-Ranges: bytes
Content-Type: application/octet-stream
Server: AmazonS3
Content-Length: 169464

为了让您的浏览器显示图像，您必须将内容类型设置为image/png。

我们使用PutObject上传图片时可以设置内容类型。

此外，根据answer，还有一些方法可以更改存储桶中现有图像的内容类型：

aws s3 cp \
       s3://BUCKET-NAME/ \
       s3://BUCKET-NAME/ \
       --exclude '*' \
       --include '*.png' \
       --no-guess-mime-type \
       --content-type="image/png" \
       --metadata-directive="REPLACE" \
       --recursive

这将递归地更改所有 .png 图像的内容类型。

Answer 2

听起来对象上传到 Amazon S3 时没有任何关于内容类型的标识。

如果您导航到 Amazon S3 中的对象并查看 元数据，它应该将 Content-Type 显示为 image/png：

这告诉网络浏览器正在检索的文件类型。如果缺少此文件，浏览器将改为下载文件。 （嗯，它实际上在这两种情况下都会下载它，但如果它知道文件是 png，它会显示它而不是提供将其保存到磁盘。）

Content-Type 可以在文件上传到 S3 时提供。如果您通过管理控制台或 AWS CLI 上传，则会自动为您设置。