목록이미지 압축 (1)
우당탕탕 기술블로그
[React] 이미지 등록 후 서버 요청 시 413 에러 발생, 이미지 압축하기
✏️ 문제 상황 회원정보 수정 페이지 내에서 프로필에 고화질 이미지를 등록하고 수정을 서버에 요청한다면 413 Payload Too Large 에러 발생 여기서 HTTP 상태코드인 413 에러는 요청 엔터티가 서버에 의해 정의된 제한보다 크다는 것을 의미한다. 🧐 문제 원인 1MB 정도의 이미지 파일을 서버에 보낸다면 413 에러를 뱉어내서 수정을 할 수 없게 된다. const handleFileSelect = (e: ChangeEvent) => { const file = e.target.files?.[0]; if (file) { const reader = new FileReader(); reader.onload = () => { setImageSrc(reader.result as string); }; ..
Web
2023. 7. 11. 23:50