파일정보(이미지파일) 분리하기.

일단, 두가지 방법으로 접근.

1. input태그의 file타입으로 파일을 받을 시.(하나든, multiple로 여러개를 받든.)

2. 드로그 앤 드롭방식으로 받을 시.

※ 포인트는 files배열객체를 받아내는 일이다.

※ 파일 개수는 files.length속성을 통해서 알 수 있다. 즉, for문을 사용해서 여러개의 파일처리가 가능하다.

1. input 태그

- 이벤트 발생시 이벤트 객체를 함수의 매개변수로 받는다.

- 이벤트 객채의 .target.files 를 통해서 files객체를 받는다.

- ex) event.target.files

2. 드래그 앤 드롭

- 이벤트 발생시 이벤트 객체를 함수의 매개변수로 받는다.

- 이벤트 객채의 .originalEvent.dataTransfer.files 를 통해서 files객체를 받는다.

- ex) event.originalEvent.dataTransfer.files