使用 Lambda 將圖像從表單數據上傳到 S3

Question

因此，我正在編寫一個 Lambda，它將通過 API 網關（目前使用 Postman 進行測試）通過直接 POST 獲取某種形式的數據，然后將該圖像發送到 S3 進行存儲。 每次運行它，上傳到 S3 的圖像都已損壞，無法正常打開。 我見過人們必須對傳入的數據進行解碼/編碼，但我覺得我已經嘗試了所有使用Buffer.from 。 我只想存儲.png或.jpg 。 下面的代碼沒有反映我使用 Base64 編碼/解碼的嘗試，看到它們都失敗了。 這是我到目前為止所擁有的 -

郵遞員中的樣品請求

{
  image: (uploaded .jpg/.png),
  metadata:  {tag: 'iPhone'}
}

拉姆達

const AWS = require('aws-sdk')
const multipart = require('aws-lambda-multipart-parser')
const s3 = new AWS.S3();

exports.handler = async (event) => {
  const form = multipart.parse(event, false)
  const s3_response = await upload_s3(form)
  return {
    statusCode: '200',
    body: JSON.stringify({ data: data })
  }
};

const upload_s3 = async (form) => {
  const uniqueId = Math.random().toString(36).substr(2, 9);
  const key = `${uniqueId}_${form.image.filename}`

  const request = {
    Bucket: 'bucket-name',
    Key: key,
    Body: form.image.content,
    ContentType: form.image.contentType,
  }
  try {
    const data = await s3.putObject(request).promise()
    return data
  } catch (e) {
    console.log('Error uploading to S3: ', e)
    return e
  }
}

編輯：我現在試圖將圖像保存到/tmp目錄中，然后使用讀取流上傳到 s3。 這是一些代碼

s3上傳功能

const AWS = require('aws-sdk')
const fs = require('fs')

const s3 = new AWS.S3()

module.exports = {
  upload: (file) => {
    return new Promise((resolve, reject) => {
      const key = `${Date.now()}.${file.extension}`
      const bodyStream = fs.createReadStream(file.path)

      const params = {
        Bucket: process.env.S3_BucketName,
        Key: key,
        Body: bodyStream,
        ContentType: file.type
      }

      s3.upload(params, (err, data) => {
        if (err) {
          return reject(err)
        }
        return resolve(data)
      }
      )
    })
  }
}

表單解析函數

const busboy = require('busboy')

module.exports = {
  parse: (req, temp) => {
    const ctype = req.headers['Content-Type'] || req.headers['content-type']
    let parsed_file = {}

    return new Promise((resolve) => {
      try {
        const bb = new busboy({
          headers: { 'content-type': ctype },
          limits: {
            fileSize: 31457280, 
            files: 1,
          }
        })

        bb.on('file', function (fieldname, file, filename, encoding, mimetype) {
          const stream = temp.createWriteStream()
          const ext = filename.split('.')[1]
          console.log('parser -- ext ', ext)
          parsed_file = { name: filename, path: stream.path, f: file, type: mimetype, extension: ext }
          file.pipe(stream)
        }).on('finish', () => {
          resolve(parsed_file)
        }).on('error', err => {
          console.err(err)
          resolve({ err: 'Form data is invalid: parsing error' })
        })

        if (req.end) {
          req.pipe(bb)
        } else {
          bb.write(req.body, req.isBase64Encoded ? 'base64' : 'binary')
        }

        return bb.end()
      } catch (e) {
        console.error(e)
        return resolve({ err: 'Form data is invalid: parsing error' })
      }
    })
  }
}

處理程序

const form_parser = require('./form-parser').parse
const s3_upload = require('./s3-upload').upload
const temp = require('temp')

exports.handler = async (event, context) => {
  temp.track()
  const parsed_file = await form_parser(event, temp)
  console.log('index -- parsed form', parsed_file)
  const result = await s3_upload(parsed_file)
  console.log('index -- s3 result', result)
  temp.cleanup()
  return {
    statusCode: '200',
    body: JSON.stringify(result)
  }
}

上面編輯的代碼是其他代碼和我發現的 github 存儲庫的組合，它試圖達到相同的結果。 即使使用此解決方案，文件仍然損壞

Answer 1

想通了這個問題。 代碼運行良好 - 這是 API Gateway 的問題。 需要進入 API 網關設置並將二進制媒體類型設置為multipart/form-data然后重新部署 API。 希望這可以幫助其他那些在通過表單數據向 lambda 發送圖像時撞牆的人。