• 자바스크립트는 바이너리 데이터를 사용하기 위한 방법으로 Buffer,File API 등을 제공한다.
• File API는 파일 이나 입출력 장치로 들어오는 바이너리 데이터를 처리할 때 필요한 API 이다.
• File API에는 Blob,File,FileReader,FileList객체로 구성 되어 있다.

File API - Web APIs | MDN

• Blob: 파일 형태가 아닌 마이크 소리, 손으로 그린 그림과 같은 바이너리 데이터 등을 다룰 때 사용한다.
• File: Blob을 상속 받는 객체로써 주로 MP3,PNG 파일 형태의 바이너리 데이터를 다룬다.
• FileReader: File이나 Blob에 저장된 바이너리 데이터를 읽어들이는 객체다.
• FileList: HTML Input엘리먼트를 통해 입력 받은 파일(File객체 형태)들을 저장하는 유사 배열객체다.

FILE 객체

• File 객체는 사용자가 생성한(<input type="file"> 태그**)** 파일에 접근 하기 위한 객체이다.

• 파일 이름, 크기, MIME 타입 등의 파일 메타데이터에 접근할 수 있다.

• Blob을 상속 받아 파일을 구현 한다.

• 파일 객체를 생성하는 방법

  1)생성자

  new File(source배열, name, {type: "text/plain"});
  

  2)input 엘리먼트

  • input[type="file"] ****요소의 files 프로퍼티에 접근하면 FileList 형태의 객체를 반환한다.
  • 파일 목록과 파일에 대한 File객체를 포함하고 있다.

FileList 객체

• 사용자가 <input type="file"> 태그를 통해 여러 파일을 선택했을 때, 이 파일들은 FileList 객체 안에 저장된다.(파일들의 집합,컬렉션)
  • [input[type="file"] ****요소의 파일 목록들이다.