이미지 미리보기 업로드 Axios, React

1. 이미지 미리보기

위 사진 inputValue 는 입력 값에 대한 state 이고,

preview useState가 미리보기에 관한 state 입니다.

 

imgPreview : state에 img file에 관한 정보들을 넣어둡니다. (미리보기를 위해서)

deletePreview : delete를 누를시 setPreview 를 초기화 해줍니다. (삭제)

 

2. formDate 로 백엔드에 전송하기

백엔드에 axios 로 전송해야합니다.

formData.append("key", value) 로 만들어준 뒤에,

 

Axios post 요청 하면 됨,

 

주의사항

header에는 multipart/form-data 로 전송을 해야한다.