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