如何获取“文件输入”所选文件的长度

时间:2014-01-02 14:05:21

标签: javascript jquery html

使用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" />

1 个答案:

答案 0 :(得分:2)

http://jsfiddle.net/z2v66/1/似乎工作正常。

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