[React] 이미지 파일 읽기

 

  const onFileChange=(event)=>{
        const {target : {files}}=event;
        const theFile=files[0];
        const reader=new FileReader();

        reader.onloadend=(finishedEvent)=>{
          
        };

       reader.readAsDataURL(theFile);
       
    };

 

 

1. new FileReader();

 

-데이터를 읽기 위하여 파일을 가리키는 File객체를 이용해 파일의 내요을 일고 컴퓨터에 저장하는 것을 가능하게 해준다.

 

 

 

2.  .onloadend

 

-이벤트 핸들러로 이 이벤트는 읽기 동장이 끝났을때마다 발생.

 

 

 

 

3.  .readAsDataURL()

 

-업로드된 결괏값을 URL로 표시