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