Input 태그를 통해서 파일을 입력받을 때 onChange 이벤트를 더하게 된다.

그런데 onChange는 실질적인 데이터가 바뀔때만 반응하므로 기존의 파일을 다시 업로드할 때는 이벤트가 작동하지 않으므로 value를 reset 해줄 필요가 있다.

  const onChange = (e) => {
    onUpload(e.target.files[0]);
    e.target.value = ''; 
  };

이렇게 이벤트 함수에서 value를 리셋해줄 경우, 다시 같은 파일을 입력해도 이벤트가 작동하게 된다.

One thought to “Input=file 에서 같은 파일 입력받기”

  • 오 신규글

    오랜만입니다~

    응답

Leave a comment

이메일 주소는 공개되지 않습니다.