Question

所以我现在有以下代码：

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

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

如何在弹出对话框中单击“打开”按钮后获取所选文件的数量，以便按钮值从“选择文件”改为“1文件已选”或“X文件”选择了“？

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>

获取所选文件的数量

1 个答案: