Multer이용해서 Firebase의 Storage에 이미지 파일 업로드하기

오늘은 NodeJS의 모듈 중,

Multer를 이용해서 Firebase의 storage에 이미지 파일을 업로드 하는 것에 대해서 정리해 보도록 하겠습니다.

1. Multer모듈 설치

시작은 npm모듈 설치부터 시작합니다.

아래와 같은 명령어로 npm을 이용해서 설치해 줍니다.

npm install --save multer

가장 먼저 주의해야 할 것은 html을 작성할 때 enctype에 "multipart/form-data"을 추가해 주어야 한다는 점 입니다.

저는 pug를 사용했기 때문에 아래와 같이 작성하였습니다. 텍스트 필드만 적용했을 경우 추가하지 않았던 attribute이지요.

html에서 주의할 점은 이 정도 이구요.

그럼 이제, 멀터를 require하고 필요한 옵션들을 정의해 보겠습니다.

멀터는 file또는 files객체와

text 필드 의 값이 들어있는 body객체를

request객체에 추가해 줍니다.

따라서 아래를 예로 들면,

req.file로 업로드한 이미지에 대한 정보가 들어오는 것이지요.