javascript - 如何获取 "file input"所选文件的长度

Question

使用 javascript，我可以获取用户在多个输入中选择的文件数量。这是脚本:

var file = document.getElementById('file'); 

    // check for the amount of the files the user can upload
    console.log(file.files.length);

而且它有效。但是当我在 jQuery 中使用它时，它不起作用。它不显示文件长度或其他任何内容。但是，对于 jQuery，我尝试使用以下代码:

var files;

$('#file').on('change', function(event){
        files = event.target.files;
    });

$('#uploadFiles').on('click', function(e){          
            console.log(files.length);
    });

但控制台消息是:文件未定义；

这是我的输入字段:

<input type="file" class="form-file" id="file" multiple style='display: none;' name="file" />

Answer 1

http://jsfiddle.net/z2v66/1/看起来很有效。

变量文件仅在此匿名函数中可用。在该函数外部定义它(var 文件)。