JQuery Console.log 각 업로드 된 파일

Question

나는 AJAX 업로드 형식을 가지고 있습니다. 하나 이상의 파일을 선택하면 모든 파일이 제대로 작동하지만 모든 파일을 한번에 업로드 할 수 있습니다. 내가 뭘하고 싶은지는 각 파일마다 div를 만들고 각 파일의 진행 상황을 보여주는 것입니다. 나는 파일의 양을 테스트하기 위해이 코드를 가지고 있지만 콘솔에서 매번 리턴한다.

var EachFile = 0 
$('#Files').each(function() 
{ 
    ++EachFile; 
    console.log(EachFile); 
}); 

HTML :

<div id="UForm"> 
    <form action="" method="post" enctype="multipart/form-data"> 
     <input type="file" class="Files" id="Files" name="File[]" /> 
     <input type="submit" name="Submit" class="AB" id="Submit" value="Upload!" /> 
     <div id="Progress"></div> 
     <div class="Caption"><label id="Loaded"></label></div> 
    </form> 
</div> 

Answer 1

당신은 방금 $('#Files')[0].files.length 또는 자신의 코드를 사용하여 파일을 계산하는 파일 입력을 계산하고 있습니다.

var EachFile = 0; 
$.each($('#Files')[0].files, function() 
{ 
    ++EachFile; 
    console.log(EachFile); 
});