인생은 속도가 아니라 방향이다

[jQuery] 제이쿼리 다중파일 value 가져오기 본문

프론트엔드(Front-end)/jQuery

[jQuery] 제이쿼리 다중파일 value 가져오기

기록하는 동구 2020. 2. 6. 17:55
반응형

다중파일업로드할때 확장자명만 가져올때 file의 name을 가져와야겠죠. 아무리 value쳐도 안되길래 구글링했습니다.

 

아래는 HTML 코드구요,

1
2
<input type="file" name="file_name" id="file" multiple>
<input type="button" id="btn_upload" value="show" />

자바스크립트 코드 6번째줄보시면 파일명을 가져오려면 .name을 써야합니다!

1
2
3
4
5
6
7
8
9
        $('#btn_upload').click(function(){
            
            var files=$('input[name="file_name"]')[0].files;
            
            for(var i= 0; i<files.length; i++){
                alert('file_name :'+files[i].name);
            }
            
        });
 
반응형
Comments