file - multiple

file multiple:

file multiple: <input id="file" type="file" multiple accept="image/*" onChange="showFileInfo()">

<script type="text/javascript">

function showFileInfo(){

var selectedFiles = document.getElementById("file").files;

var fileInfos = [];

for( var i = 0; i < selectedFiles.length; i++ ){

var file = selectedFiles[i];

fileInfos.push( "파일 이름: " + file.name + " 크기: " + file.size );

}

alert(fileInfos.join("\n"));

}

</script>

---

html5 이전까지는 파일 브라우저에서 파일 선택은 하나밖에 되지 않았지만

html5에서는 다중 파일 선택이 가능해졌습니다.

타입 속성에 multiple="true" 또는 multiple 라고 적어주면 됩니다.