파일 업로드를 위한 blob 객체 컨트롤

• front

  1 2 3 4 5 6 7

  //blob 객체가 존재한다고 가정 const formData = new FormData() formData.append('file', blob, 'filename.jpg') formData.append('subPath', 'shop') const res = await axios.post(`/file`, formData)

• backend

connect-multiparty 라는 npm을 사용하면, multipart로 전송된 파일을 /tmp/blabla.확장자 경로에 저장해준다.

그 후, 임시 저장된 경로를 file object에 넣어서 return 해주는 백엔드 코드.

1
2
3
4
5
6
7
8
9
10
11

const router = require('express').Router()
const multipart = require('connect-multiparty')
const multipartMiddleware = multipart()

router.post('/', multipartMiddleware, errorHandler(async (req, res, next) => {
  res.json({
    file: _.extend(req.files.file, {subPath: req.body.subPath})
  })
}))

module.exports = router

Comment and share