js(file 객체)

File 객체

 

 input type = "file" 로 설정하고 실행해보면

 이런 창이 뜬다.

 

script에서 파일의 정보를 변수에 넣을때 id값으로 한개의 input type ="file"의 정보를 넣을 때도

 

뒤에 .files[index]를 붙여줘야하는데 file은 기본적으로 multiple 기능(한번에 여러개의 파일 선택가능)을 가지고 있어서

 

저렇게 인덱스로 접근해주어야 한다.

 

파일 객체 정보 얻기

실행해보면 

 

이미지 파일인지 아닌지 구분해서 출력