Multer InstallationMulter는 multipart/form-data를 이용하여 파일을 업로드 할 수 있게 해주는 middleware이다.
package.json에 아래와 같이 설치가 된다.
Multer UsageuploadRouter.js
fileUploadService.js
UploadFiles.js 부모 컴포넌트(NoticeComponentWrite.js)에서 자식컴포넌트(UploadFiles.js)의 메서드 호출할 수 있도록 하기 위해 useImperativeHandle()을 사용하며, forwardRef()와 함께 사용한다.
이제 UploadFiles 컴포넌트를 아무 곳에서나 import하여 사용이 가능하다. NoticeWriteComponent.js
파일을 2개 선택하면 아래와 같이 표시된다. 저장버튼을 클릭하면, 파일이 업로드 되고 형식에 맞지 않는 파일인 경우 아래와 같이 에러 메시지를 표시한다. |