JQuery Console.log 每个上传的文件答案

【问题标题】：JQuery Console.log each uploaded fileJQuery Console.log 每个上传的文件
【发布时间】：2013-02-13 23:51:10
【问题描述】：

我有一个 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>

【问题讨论】：

标签： jquery html ajax upload foreach

【解决方案1】：

您只是在计算文件输入来计算文件，只需使用 $('#Files')[0].files.length 或使用您自己的代码。

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

【讨论】：