javascript - 自动上传图片到s3

Question

我有一个当前正在运行的上传表单，用户可以在其中选择他/她想要的头像/图片。但现在我正在集成 facebook api，并使用 FB Javascript SDK 成功注册后，我必须将用户 facebook 个人资料图片上传到我们的 S3 中。

<img src="https://fullpath/mypic.png" id="image"/>

我研究过将图像转换为 blob 或其他东西。 那么如何自动上传 mypic.png 到我的 s3 呢？请提供任何帮助，我们将不胜感激。

Answer 1

使用 AWS JS 开发工具包。

这是入门指南:http://aws.amazon.com/developers/getting-started/browser/

一旦你设置了 Angular 色，实际上就很简单了。

无需服务器端代码!

当然，您需要先获取图像数据，如下所示:

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
canvas.width = 512;
canvas.height = 512;
context.drawImage(img, 0, 0, 512, 512);
var data = canvas.toDataURL('image/webp', 0.5); //webp and 50% compression

var params = {
  Key:Date.now().toString(), //example
  ContentType:'text/plain', //sending a base64 text string
  Body:data //the base64 string is now the body
};

bucket.putObject(params, function(err, data) { ... });