본문 바로가기

우당탕탕 기술블로그

검색하기
우당탕탕 기술블로그
프로필사진 hyzzzy

  • 분류 전체보기 (13)
    • Web (6)
    • Project (7)
Guestbook
Tags
  • 이미지 에러
  • refresh-books
  • node-sass
  • 우테코 프리코스
  • react
  • 우아한테크코스
  • 엘리스
  • 엘리스 sw 4기
  • 프리코스
  • 우테코
more
Today
Total
Recent Posts
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록이미지 압축 (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
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바