[에러해결] Cannot read properties of undefined (reading 'size')

-  파일 업로드를 하다가 다음과 같은 에러가 떳다.

 

 

- 이 에러는 파일의 size를 못 읽어와서 뜨는 에러다.

-  처음 파일 업로드시에는 에러가 뜨지 않았다. 처음엔 파일을 잘 읽어와서 if문의 file의 size의 조건이 성립되기 때문이다.

-  하지만 위의 에러가 난 시점을 보면 파일을 한번 클릭하고 나서 if문 실행후 다시한번 파일업로드를 클릭하고 나서 취소버튼을 눌렀을때 에러가 뜨는 경우였다.

-  이유는 파일 업로드시 취소 버튼을 누르게 된다면 파일이 불러오는 것은 초기화가 되기때문에 값이 뜨지 않는다.

즉, 파일의 사이즈 역시 읽어들일 수 없기 때문에 (if문의 조건식인 file.size를 읽어들일수 없기에) 위와 같은 에러가 뜨는 것이다.

 

- 에러 수정 전 코드

 

- 에러 수정 완료 후 코드

 

해결 : 아래 코드를 추가해준다.

  if (files.length <= 0) {
      return;
    }