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
반응형
'Javascript' 카테고리의 다른 글
[Javascript] datatable mouseover hover popup div (tooltip) (0) | 2021.02.15 |
---|---|
[Javascript] FullCalendar 날짜 포맷 / 날짜 변경 gotoDate (0) | 2021.02.09 |
[Javascript] Table 테이블 tr 개수, td 접근 (2) | 2021.01.05 |
[Javascript] 쿠키 조회(get cookie)/생성(set cookie)/삭제(delete cookie) (0) | 2020.12.29 |
[JQuery] html2canvas 이미지 저장 (div 영역 이미지 캡쳐) (0) | 2020.12.21 |