从AWS Lambda上传图片至S3存储桶后无法渲染的问题排查

我使用Node.js开发的AWS Lambda代码已成功将图片上传至S3存储桶，但上传后的图片无法正常渲染，也无法通过URL访问查看。相关代码如下：

const AWS = require('aws-sdk');
const S3 = new AWS.S3();


exports.handler = async (event) => {
  try {
    
    // 从事件中提取图片数据（例如base64编码的数据）
    const pictureData = event.pictureData;

    // 指定S3存储桶和对象键
    const bucketName = 'BUCKET NAME';
    const objectKey = 'lambda/your-object-key3.jpg'; // 根据实际文件扩展名调整

    // 将图片数据转换为Buffer
    const buffer = Buffer.from(pictureData, 'base64');

    // 上传图片至S3
    await S3.putObject({
      Bucket: bucketName,
      Key: objectKey,
      Body: buffer,
      ACL: 'public-read', // 可选：设置上传对象的ACL
      ContentType: 'image/jpeg',
    }).promise();

    return {
      statusCode: 200,
      body: JSON.stringify('图片上传成功'),
    };
  } catch (err) {
    console.error('上传图片出错:', err);
    return {
      statusCode: 500,
      body: JSON.stringify('上传图片出错'),
    };
  }
};

问题截图：

• 清理Base64前缀：如果event.pictureData包含data:image/jpeg;base64,这类前缀，必须先截取纯Base64部分再转换Buffer，示例代码：

  const cleanPictureData = pictureData.replace(/^data:image\/(jpeg|png|gif);base64,/, '');
  const buffer = Buffer.from(cleanPictureData, 'base64');
  

• 校验数据完整性：在Lambda日志中输出buffer.length，对比原图片文件的字节大小。若数值差异较大，说明传入的Base64数据已损坏。
• 匹配ContentType与图片类型：如果上传的是PNG等非JPG图片，却设置ContentType: 'image/jpeg'，会导致浏览器解析失败。需根据实际图片类型设置对应值，或从Base64前缀动态提取类型。
• 检查S3访问权限：
  • 确认ACL: 'public-read'已生效，或存储桶的Bucket Policy配置了允许公开访问该对象的规则。
  • 验证对象URL格式是否正确，比如是否使用了对应区域的S3域名。
• 验证文件完整性：下载S3上的对象，用本地图片查看器打开，或对比原文件与上传文件的MD5哈希值。若本地也无法打开，说明上传过程中数据已损坏。
• 检查Lambda角色权限：确保Lambda执行角色拥有s3:PutObject权限，同时如果存储桶开启了默认加密，角色需具备对应的解密权限。

内容的提问来源于stack exchange，提问作者Brian Widjaja