react FileReader

Gong Kang·2022년 1월 4일
0

react

목록 보기
4/5

일단 FileReader 객체는 File 객체 혹은 Blob 객체를 이용해 파일의 내용을 읽는다.

만약 전달 받은 파일을 읽기 성공하면 load EventListener에 등록한 함수가 호출이된다.
FileReader.onload
읽기 동작이 성공적으로 완료 되었을 때 발생

FileReader.onloadend
읽기 동작이 끝났을 때마다 발생

FileReader.result
파일의 내용을 반환한다
이 속성은 읽기가 완료된 후에만 사용 가능하며, 데이터의 형식은 읽기 작업에
어떤 함수가 사용되었는가에 의해 정해진다

만약 FileReader.readAsDataURL() 로 읽었다면
Data URL이 반환이 된다

시간이 된다면
data URL vs image file 비교해보자

profile
꾸준히 하루에 한번씩..!

0개의 댓글