본문 바로가기

Study Output for Myself/Javascript

[JS]fileReader(web-API)

더보기

FileReader 객체는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 해줍니다.

 

File 객체는 <input> 태그를 이용하여 유저가 선택한 파일들의 결과로 반환된 FileList 객체, 드래그 앤 드랍으로 반환된 DataTransfer 객체 혹은 HTMLCanvasElement mozGetAsFile() API로 부터 얻습니다.

 

출처: https://developer.mozilla.org/ko/docs/Web/API/FileReader

<input type='file'> 을 사용하고 받은 파일을 다룰 수 있게 하는 api.

 

const file = new FileReader() 로 생성

메소드는 mdn을 참고해서 필요에 따라 쓰면 된다.