JQuery Console.log每个上传文件

时间:2013-02-27 23:23:04

标签: jquery html ajax upload foreach

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

1 个答案:

答案 0 :(得分:1)

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

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