formdata 백엔드로 보낼때 오류 트러블 슈팅

프로젝트에서 게시글을 작성하는 부분에서 500 에러와 함께 게시글을 작성할 수가 없었다.

보통 formdata를 백엔드로 보내줄 때에 이미지나, 영상 파일 형식은 네트워크창에서 페이로드로 
 바이너리 라는  데이터 형식을 네트워크 창에서 확인할 수 있다.

바이너리

하지만 바이너리라는 문구가 나오지 않고 스트링형식으로 파일이 타입이 보내지고 있어서 그 이유를 분석해 보니
onClick 이벤트에서 데이터를 뽑아오는 과정에서 문제가 있었다.

e.target.value 코드

onClick 이벤트를 통해 이미지 파일을 뽑아올 때는 event.target.value 가 아닌 e.target.files [0] 코드로 데이터를 가져와야 하는 걸

확인하지 못한 것 같다..

 

e.target.files[0]

setEventImage를 할 때 사진과 같이 event.target.files [0] 파일 형태 그대로를 세팅해 주니 오류가 해결되었다.