Javascript

[Javascript] input file name 가져오기 / 파일명 가져오기 / 다중파일 파일명 가져오기

chsr 2021. 1. 29. 13:11
728x90
반응형

■ Javascript input file name 가져오기 / 파일명 가져오기


■ 사용법

<input type="file" class="ex_file" name="ex_file" onchange="fileUpload()" multiple>
<input type="file" class="ex_file" name="ex_file" onchange="fileUpload()" multiple>
<input type="file" class="ex_file" name="ex_file" onchange="fileUpload()" multiple>

- class로 접근하여 업로드된 파일명을 콘솔로 출력

<script type="text/javascript">
	function fileUpload(){
		var fileInput = document.getElementsByClassName("ex_file");

		for( var i=0; i<fileInput.length; i++ ){
			if( fileInput[i].files.length > 0 ){
				for( var j = 0; j < fileInput[i].files.length; j++ ){
					console.log(fileInput[i].files[j].name); // 파일명 출력
				}
			}
		}

	}
</script>
728x90
반응형