0

所以我现在有以下代码：

$(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"/>
4

1 回答 1

0

使用此代码。效果很好 ：）

<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>
于 2013-09-17T12:26:19.047 回答