Input 태그 file 타입의 선택된 파일 정보 가져오기

<script>
$(function(){
	$('#file').change(function(){
		console.log($(this)[0].files);
	});
})
</script>

<form action="/file.do" method="post" enctype="multipart/form-data">
	<input id="file" type="file" name="file" multiple required>
	<input type="submit" value="업로드">
</form>

 

file 타입의 input 태그에 change 이벤트를 연결해준다.

input 태그 요소의 files 프로퍼티에 선택된 파일들의 정보가 담겨있다.

 

중요한 점은 반드시 input 태그 요소의 뒤에 [0]을 붙여주어야한다.