如何从浏览器下载图像并上传到Amazon S3

Question

如何允许客户端在浏览器中上传图像，然后将其上传到Amazon S3？ 我到处走走了很多，却找不到任何资源来解释如何做。

有什么我可以遵循的教程吗？

我应该为此使用任何库吗？

我在前端使用AngularJS，在后端使用Node.js。

Answer 1

简而言之，寻找两个不同的教程。 一种用于从客户端上载到服务器，一种用于从服务器上载到S3。

StackOverflow不鼓励链接到特定教程，但是那里有很多教程，因此跟踪它应该不会太棘手。

对于客户端到服务器，您需要做一个基本的HTML表单上传到服务器，然后获取数据。 您可以将其临时写入文件系统（如果您使用的是Linux，则/tmp目录是存放它的好地方）。

之后，只需从服务器上传到S3。 亚马逊本身对此有一些很好的文档。 Node的s3包也有很好的示例： https : //www.npmjs.com/package/s3

也可以直接从浏览器转到S3，这可能会更好，具体取决于您的用例。 检查一下： http : //docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html

Answer 2

您将需要适用于node的AWS开发工具包 。 然后他们有一个相当全面的开发人员指南 。 您可能还必须阅读凭证管理。

程序如下

1. 用户将图像从浏览器上载到您的服务器（我建议使用纯格式上载 ，除非您对通过ajax上载感到满意）
2. 然后您的服务器使用SDK将其保存到S3
3. 您会向用户显示信息（链接到图像，上传状态为？）。

您也可以使用预签名的帖子，但这似乎更高级，并且我还没有看到有关Node的信息。