안녕하세요. 이번에 클라이언트단에서 이미지를 리사이징하여 서버에 저장하는 작업을 진행 중입니다.

그런데, JS로 이미지를 리사이징해서 업로드하면

백단에서 'The uploaded file exceeds the maximum size allowed by the submission form'와 같은 용량 제한 오류가 발생합니다.

기존 이미지가 px로 3000 x 5000 이상인 것들을 400 x 500 으로 대폭 줄이는데도 이상하게 요량이 초과되었다는 메세지를 출력하네요.

코드이그나이터 설정과 서버 설정에 30MB까지 파일 업로드를 가능하게 하였습니다. 그래서 이미지 리사이징을 하지 않으면 10MB의 이미지도 업로드가 됩니다.

구글링하여 제가 직접 구현한 것과

제이쿼리 플러그인 https://www.jqueryscript.net/layout/Dynamic-Image-Resizing-Plugin-with-jQuery.html

가장 범용적으로 사용하는 js 플러그인인 https://github.com/fengyuanchen/compressorjs를 사용해도 모두 동일한 오류를 출력합니다.

이거 어디서부터 체크를 해보야 할까요?