[node.js] multer 파일 업로드 Unexpected field 에러

🚨 문제상황

multer를 이용하여 파일을 업로드하는 코드를 실행하니 다음과 같은 에러가 떴다.

MulterError: Unexpected field
   at wrappedFileFilter (D:\study\node_modules\multer\index.js:40:19)
   at Busboy.<anonymous> (D:\study\node_modules\multer\lib\make-middleware.js:115:7)
   at Busboy.emit (node:events:520:28)
   at Busboy.emit (D:\study\node_modules\busboy\lib\main.js:38:33)
   at PartStream.<anonymous> (D:\study\node_modules\busboy\lib\types\multipart.js:213:13)
   at PartStream.emit (node:events:520:28)
   at HeaderParser.<anonymous> (D:\study\node_modules\dicer\lib\Dicer.js:51:16)
   at HeaderParser.emit (node:events:520:28)
   at HeaderParser._finish (D:\study\node_modules\dicer\lib\HeaderParser.js:68:8)
   at SBMH.<anonymous> (D:\study\node_modules\dicer\lib\HeaderParser.js:40:12)

 

🥁 해결 방법

해당 에러는 이름이 같지 않아서 생긴 문제이다.

input 태그의 name과 upload.single()의 인자가 일치해야 한다. 

 

아래의 html 파일에서 하이라이트한 부분과

아래의 js 파일에서 하이라이트 한 부분의 이름이 같아야 한다.