使用AWS api网关将图像文件上传到aws lambda

Question

我正在尝试创建一个 lambda 函数，该函数接受图像作为多部分/表单数据，对图像进行一些处理并将其上传到 s3，并将响应返回给客户端。但我陷入了使用 API 网关将图像上传到 aws lambda 的第一部分。我尝试在 NodeJS 中执行此操作，如下所示：

exports.handler = async (event, context, callback) => {
  var buf = Buffer.from(event.body.replace(/^data:image\/\w+;base64,/, ""),"base64");

  var data = {
    Bucket: "bucket-name", 
    Key: "abc.jpg", 
    Body: buf,
    ContentType: 'image/jpg',
    ACL: 'public-read'
  };
  data = await s3.upload(data).promise();
  return {
         statusCode: 200,
         body: JSON.stringify(buf),
     };

通过向 api 发出 POST 请求，我在 Postman 中收到以下响应：

{
    "ETag": "\"b0e5b18d38904f109e0aef0b29e132be\"",
    "Location": "https://bucket-name.s3.us-east-2.amazonaws.com/abc.jpg",
    "key": "abc.jpg",
    "Key": "abc.jpg",
    "Bucket": "bucket-name"
}

但是，当我尝试使用上述响应中返回的公共网址在浏览器中查看上传的图像时，我得到的是空图像。

有人可以指出我这里的错误或建议一些更好的方法吗？谢谢。

Answer 1

正如 Ashan 所建议的，您可以采用通过浏览器上传图像的最佳实践。

如果图像大小不是那么大，这里是通过 ApiGateway/Lambda 代理集成将图像上传到 S3 的工作示例。

Lambda 函数代码 -

exports.handler = (event, context, callback) => {
  let encodedImage = JSON.parse(event.body).user_avatar;
  let decodedImage = Buffer.from(encodedImage, 'base64');
  var filePath = "avatars/" + event.queryStringParameters.username + ".png"

  var params = {
    "Body": decodedImage,
    "Bucket": "bucketName",
    "Key": filePath,
    "ContentType " : "mime/png"
  };
  s3.upload(params, function (err, data) {
    if (err) {
      callback(err, null);
    } else {
      let response = {
        "statusCode": 200,
        "body": JSON.stringify(data),
        "isBase64Encoded": false
      };
      callback(null, response);
    }
  });
};

无服务器.yml

service: aws-api-lambda-s3-image-upload

frameworkVersion: ">=1.1.0 <2.0.0"

provider:
  name: aws
  runtime: nodejs8.10
  iamRoleStatements:
    -  Effect: "Allow"
       Action:
         - "s3:ListBucket"
       Resource: "arn:aws:s3:::bucketName"
    -  Effect: "Allow"
       Action:
         - "s3:PutObject"
       Resource: "arn:aws:s3:::bucketName/*"

functions:
  index:
    handler: handler.handler
    events:
      - http: POST handler

Json 有效负载应该是 -

{
  "user_avatar" : "<<base64 encoded image>>"
}