본문 바로가기

캡스톤 졸업작품/개발 진행

S3기능 코드로 구현하기 파일 선 업로드

이전에 구현한 방식은 글과 제목 채팅방제목 등등과 이미지를 한번에 백엔드로 보내는 방식이었다.

하지만 이미지의 경우다른 텍스트에 비해 수십배는 전송속도에 차이가 나기에 이미지를 업로드 하자 마자

바로 백엔드에  temp(임시폴더)에저장을 시키고 이후 로직을 자동하게 한다.

.

.

그리고 마지막 로직에서 임시폴더에서 원래 저장되어야할 폴더로 이동을 시킨다.

 

.

.

.

이제 이미지 업로드 로직은 common 모듈에서 개발을 할것이다,

이전과 같은 multer모듈 옵션을 common 모듈에 import시킨다.

 

파일 이름만 반환하는 컨트롤러 생성

 

 

 

temp 디렉토리에 잘 저장된다.

 

 

 

 

dto에 postImage속성을 추가해서 바로 temp로 넘긴다.

 

 

 

 

이미지 업로드를 하면 temp에 있는 파일을 바로 post폴더로 옮겨준다.

 

 

끝 !