JQuery Console.log每个上传文件

Question

我有一个AJAX上传表单，我知道它的所有工作，但如果你选择多个文件，所有的文件一次上传。我想要做的是为每个文件创建一个div并显示每个文件的进度。我在这里有这个代码来测试文件的数量，但它每次在控制台中返回1。

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); 
});