将文件从浏览器上传到S3

Question

我有一个预签名的url，它允许您将对象文档放入S3。 http://docs.aws.amazon.com/AmazonS3/latest/dev/UploadObjectPreSignedURLDotNetSDK.html

如何使用javascript将文件从浏览器放置到S3？ 我正在使用angular，但可以使用任何JavaScript库。

我相信我可以发布到我的服务器上，然后将对象放在亚马逊服务器上，但是我更喜欢从浏览器中进行操作。

我已经更改了S3的CORS设置以允许PUT。

我打算使用角度文件上传，但是很难将其编码为POST而不是PUT。 https://github.com/danialfarid/angular-file-upload

Answer 1

亚马逊提供了一个指南（ here ），该指南描述了如何将文件POST上传到您的S3存储桶中。 它依赖于使用您的AWS私钥签名的输入<form>。 您可以在目标目录上指定限制，以及文件大小限制。

使用起来有点烦人，因为您必须复制<form>和已签名策略中的大多数字段，但这似乎可行。

POST之后，S3会将浏览器重定向到您在表格中指定的URL（参数指定上传文件的名称，等等）。 对于Angular网站（这往往是“应用程序”而不是一组离散页面）而言，这不是理想的选择，但是您可以使用它。

在我的Angular网站上，我使用$ http.post（）在Javascript中进行了POST，并传递了所有适当的表单数据。 不幸的是，即使上传实际上是成功的，我也总是遇到“已取消”的错误。 就我而言，我只是通过使用$ http.get（）下载文件并将其与原始数据进行比较进行了双重检查……但这只是一个可行的解决方案，因为我的文件只有几个KB。