node.js 사진 업로드 기능(2)

d_wwan·2023년 7월 12일
0


간단한 게시글 폼 만들어 주고 express의 multer 미들웨어를 이용해 사진 업로드 기능을 구현해보자.

const express = require("express");
const router = express.Router();
const multer = require("multer");
const app = express();
const upload = multer({ dest: "uploads/" });

router.post("/board", upload.single("img"), (req, res) => {
  console.log(req.file);
});

module.exports = router;

이미지 업로드를 위한 모델을 만들어 주고 upload라는 폴더도 같이 만들어 주었다.
위 코드는 /board post 요청을 받으면, 하나의 input을 받아 upload폴더에 저장한다는 내용이다.

이미지를 올리고 submit을 하면,


이미지 파일이 다음과 같이 경로에 저장된다.
이때, form의 name.value와 upload.single('value')의 값이 다르면 field오류가 뜰 수 있으니 주의..!

profile
세상 모든 사람들을 이해할 수 있는 날이 오기를

0개의 댓글