获取选定的文件数

Question

所以我现在有以下代码：

$(window).load(function () {
    $('#browse-click').bind('click', function () { // use .live() for older versions of jQuery
    $('#file-type').click();      
    return false;
    });
});

我有一个隐藏的多文件输入，然后一个使用上面代码的按钮被绑定到它。

在弹出对话框中单击"Open“按钮后，如何获取选定的文件数，使按钮值从"Select Files”变为"1 File Selected“或"X files Selected"？

HTML代码：

<!-- Hide this from the users view with css display:none; -->
<input style="display: none;" id="file-type" type="file" size="4" name="attachment[]" multiple />

<!-- Style this button with type image or css whatever you wish -->
<input id="browse-click" type="button" class="button" value="Select Files"/>

Answer 1

使用了这个代码。效果很好:)

<script>
function handleFileSelect(evt) {

    var files = evt.target.files; // FileList object

    if (files.length < 1) { $('#browse-click').attr('value','Select Files'); }
    if (files.length = 1) { $('#browse-click').attr('value','1 File Selected'); }
    if (files.length > 1) { $('#browse-click').attr('value', files.length + ' Files Selected'); }

}

document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>