input multiple file에 업로드 한 파일 이름 얻기

 



1
2
3
4
5
6
7
8
9
10
11
<div class="col-lg-12">
    <div class="block">
        <label class="button" for="images">Upload Images</label>
        <input type="file" id="images" multiple="multiple"/>
        <div id="multiple-file-preview">
            <ul id="sortable">
                <div class="clear-both">div>
            <ul>
        <div>
    <div>
<div>
cs

위와 같은 형태의 input multiple 파일이 있을 때, jquery와 자바스크립트로 파일을 얻으려면 ? 






위와 같은 형태의 폼을 만들어 놓고 이미지 2개를 선택했습니다. 
각각의 이미지는 dog, dogsleep 이라는 이름을 가지고 있습니다. 



1
document.getElementById('images').files[0]


1
$('#images').get(0).files[1]

위와 같은 형태로 각각 쓸 수 있습니다. 그렇게 하면 





파일 이름을 동시에 얻을 수 있습니다. 


- 참고 -
https://developer.mozilla.org/ko/docs/Using_files_from_web_applications