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
반응형