input type file multiple list (파일 업로드 리스트 확인)

by 조쉬 posted Nov 17, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

파일업로드 하였을 경우 파일의 리스트를 보여주는 예제 입니다. (Spring으로 개발한 파일업로드는 여기를 참고하세요.)


아래 소스를 확인하시기 바랍니다.


<!doctype html>
<html lang="kr">
<head>
  <meta charset="utf-8">
  <title>demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script>
    $(document).ready( function() {
 
        $("input[type=file]").change(function () {
             
            var fileInput = document.getElementById("contract_file");
             
            var files = fileInput.files;
            var file;
             
            for (var i = 0; i < files.length; i++) {
                 
                file = files[i];
 
                alert(file.name);
            }
             
        });
 
    });
      
  </script>
</head>
<body>
    <input type="file" id="contract_file" multiple>
</body>
</html>