【问题标题】:Multiple file upload to S3 with Node.js & Busboy使用 Node.js 和 Busboy 将多个文件上传到 S3
【发布时间】:2020-04-05 07:14:26
【问题描述】:

我正在尝试实现一个允许上传多个文件的 API 端点。

我不想将任何文件写入磁盘,而是将它们缓冲并通过管道传输到 S3。

这是我上传单个文件的代码。一旦我尝试将多个文件发布到route.js 中的端点,它就不起作用了。

route.js - 我将尽可能保持与框架无关

import Busboy from 'busboy'
// or const Busboy = require('busboy')

const parseForm = async req => {
  return new Promise((resolve, reject) => {
    const form = new Busboy({ headers: req.headers })
    let chunks = []
    form.on('file', (field, file, filename, enc, mime) => {
      file.on('data', data => {
        chunks.push(data)
      })
    })
    form.on('error', err => {
      reject(err)
    })
    form.on('finish', () => {
      const buf = Buffer.concat(chunks)
      resolve({ 
        fileBuffer: buf,
        fileType: mime,
        fileName: filename,
        fileEnc: enc,
      })
    })
    req.pipe(form)
  })
}

export default async (req, res) => {
// or module.exports = async (req, res) => {
  try {
    const { fileBuffer, ...fileParams } = await parseForm(req)
    const result = uploadFile(fileBuffer, fileParams)
    res.status(200).json({ success: true, fileUrl: result.Location })
  } catch (err) {
    console.error(err)
    res.status(500).json({ success: false, error: err.message })
  }
}

upload.js

import S3 from 'aws-sdk/clients/s3'
// or const S3 = require('aws-sdk/clients/s3')

export default (buffer, fileParams) => {
// or module.exports = (buffer, fileParams) => {
  const params = {
    Bucket: 'my-s3-bucket',
    Key: fileParams.fileName,
    Body: buffer,
    ContentType: fileParams.fileType,
    ContentEncoding: fileParams.fileEnc,
  }
  return s3.upload(params).promise()
}

【问题讨论】:

    标签: node.js aws-sdk-js busboy


    【解决方案1】:

    我找不到很多文档,但我想我已经拼凑了一个解决方案。

    大多数实现似乎在将文件上传到 S3 之前将文件写入磁盘,但我希望能够缓冲文件并上传到 S3 而无需写入磁盘。

    我创建了这个可以处理单个文件上传的实现,但是当我尝试提供多个文件时,它将缓冲区合并到一个文件中。

    我似乎无法克服的一个限制是字段名称。例如,您可以像这样设置FormData()

    const formData = new FormData()
    fileData.append('file[]', form.firstFile[0])
    fileData.append('file[]', form.secondFile[0])
    fileData.append('file[]', form.thirdFile[0])
    
    await fetch('/api/upload', {
      method: 'POST',
      body: formData,
    }
    

    此结构布局在FormData.append() MDN example 中。但是,我不确定如何处理它。最后,我像这样设置我的FormData()

    表单数据

    const formData = new FormData()
    fileData.append('file1', form.firstFile[0])
    fileData.append('file2', form.secondFile[0])
    fileData.append('file3', form.thirdFile[0])
    
    await fetch('/api/upload', {
      method: 'POST',
      body: formData,
    }
    

    据我所知,这并没有明显错误,但它不是首选方法。

    这是我更新后的代码

    route.js

    import Busboy from 'busboy'
    // or const Busboy = require('busboy')
    
    const parseForm = async req => {
      return new Promise((resolve, reject) => {
        const form = new Busboy({ headers: req.headers })
        const files = [] // create an empty array to hold the processed files
        const buffers = {} // create an empty object to contain the buffers
        form.on('file', (field, file, filename, enc, mime) => {
          buffers[field] = [] // add a new key to the buffers object
          file.on('data', data => {
            buffers[field].push(data)
          })
          file.on('end', () => {
            files.push({
              fileBuffer: Buffer.concat(buffers[field]),
              fileType: mime,
              fileName: filename,
              fileEnc: enc,
            })
          })
        })
        form.on('error', err => {
          reject(err)
        })
        form.on('finish', () => {
          resolve(files)
        })
        req.pipe(form) // pipe the request to the form handler
      })
    }
    
    export default async (req, res) => {
    // or module.exports = async (req, res) => {
      try {
        const files = await parseForm(req)
        const fileUrls = []
        for (const file of files) {
          const { fileBuffer, ...fileParams } = file
          const result = uploadFile(fileBuffer, fileParams)
          urls.push({ filename: result.key, url: result.Location })
        }
        res.status(200).json({ success: true, fileUrls: urls })
      } catch (err) {
        console.error(err)
        res.status(500).json({ success: false, error: err.message })
      }
    }
    

    upload.js

    import S3 from 'aws-sdk/clients/s3'
    // or const S3 = require('aws-sdk/clients/s3')
    
    export default (buffer, fileParams) => {
    // or module.exports = (buffer, fileParams) => {
      const params = {
        Bucket: 'my-s3-bucket',
        Key: fileParams.fileName,
        Body: buffer,
        ContentType: fileParams.fileType,
        ContentEncoding: fileParams.fileEnc,
      }
      return s3.upload(params).promise()
    }
    

    【讨论】:

    • 如果你在内存中缓冲整个文件,你还不如使用 Multer 内存存储?
    猜你喜欢
    • 2015-11-17
    • 2016-06-23
    • 1970-01-01
    • 1970-01-01
    • 2022-11-03
    • 2021-03-27
    • 2017-09-25
    • 1970-01-01
    • 2018-10-09
    相关资源
    最近更新 更多