[React] File size must be less than 2 MB.

import { FilePicker }   from "react-file-picker";

..

	<FilePicker
        extensions  = {['jpg', 'jpeg', 'png']}
        maxSize     = {8}
    >
    	파일업로드
    </FilePicker>

...

# npm i react-file-picker --save

File Picker를 사용할 때 아래와 같은 에러 메시지가 나오는 경우가 있습니다.

tomcat 서버의 경우 별도 서버 설정 없는 경우 2MB로 제한이 걸리는 부분을 사전에 점검하기 위해 적용된 부분이 아닌가 싶습니다.

 

https://tomcat.apache.org/tomcat-9.0-doc/config/http.html

tomcat에서 maxPostSize를 지정해주지 않으면 2097152 (2MB)로 제한됨

 

우선 첫 번째로 서버에서 2MB 이상 받아들일 수 있도록 해당 설정이 적용된 후에

 사용 중인 FilePicker의 maxSize 를 지정해 주면 됩니다. 일반적으로 숫자 = MB로 보이며 위와 같이 maxSize = {8}로 조정한 경우 최대 8MB까지 업로드가 가능합니다.