node.js

multer

2025. 4. 9. 11:24
목차
  1. 📦 multer란?
  2. 📸 예를 들어, 이런 상황에서 사용함
  3. 🧠 기본 작동 흐름

📦 multer란?

multer는 HTTP 요청을 통해 전송된 multipart/form-data 형식의 데이터를 파싱하고,
그 중 파일(이미지, 문서 등)을 서버의 디스크나 메모리에 저장해주는 역할을 합니다.

 

 

📸 예를 들어, 이런 상황에서 사용함

  • 사용자가 이미지 업로드 (예: 프로필 사진 등록)
  • 여러 개의 파일을 한 번에 업로드
  • 파일 이름 자동 변경
  • 업로드 위치 지정 (예: uploads/ 폴더)

 

🧠 기본 작동 흐름

  1. HTML form에서 파일을 첨부
  2. Express 서버가 multer 미들웨어를 통해 요청을 파싱
  3. 파일이 지정된 디렉터리에 저장됨
  4. req.file 또는 req.files로 접근 가능

 

import express from 'express';
import multer from 'multer';

const app = express();

const upload = multer({dest : 'uploads/'}); // 업로드된 파일을 uploads 폴더에 저장

app.post('/upload', upload.single('profile'),(req, res) => {
	console.log(req.file); // 업로드된 파일정보
	res.send('파일 업로드 완료!');
});

'node.js' 카테고리의 다른 글

InfluxDB, Redis, MQTT 정리  (0) 2025.04.18
관계형 데이터 RDB 기초 정리  (0) 2025.04.11
express 에러 코드 정리  (0) 2025.04.10
2025-04-09 익스프레스 실습(로그인, 회원가입)  (0) 2025.04.09
2025-04-09 TIL - 1  (0) 2025.04.09
  1. 📦 multer란?
  2. 📸 예를 들어, 이런 상황에서 사용함
  3. 🧠 기본 작동 흐름
'node.js' 카테고리의 다른 글
  • 관계형 데이터 RDB 기초 정리
  • express 에러 코드 정리
  • 2025-04-09 익스프레스 실습(로그인, 회원가입)
  • 2025-04-09 TIL - 1
웹개발자지망생
웹개발자지망생
웹개발자지망생
GREENDAY_
웹개발자지망생
전체
오늘
어제
  • 분류 전체보기
    • Devops
    • HTML5 | CSS
    • TIL
    • 알고리즘
    • React
    • CS지식
    • node.js
    • POSTGRESQL
    • Javascript
    • 정보처리산업기사
    • vue

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

최근 댓글

최근 글

hELLO · Designed By 정상우.
웹개발자지망생
multer
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.