使用Plupload时,限制在上传之前可以选择的文件数

时间:2014-11-09 16:48:50

标签: javascript jquery plupload

我正在使用Plupload将文件上传到我的网站。我试图在上传之前限制可以选择的文件数量。我尝试将multi_selection设置为部分有效的false。但是,如果单击“选择文件”并通过文件浏览器选择文件,请等待文件资源管理器关闭,然后单击“选择文件”并再次执行相同操作,您可以选择多个文件。

如何在上传之前只允许选择一个文件?

以下是我正在使用的代码的演示:http://jsfiddle.net/5j8c05j9/

1 个答案:

答案 0 :(得分:2)

根据此问题的答案:jQuery Plupload restrict number of uploads

您可以将以下属性添加到plupload:

max_files: 1,

然后更改FilesAdded函数,如下:

FilesAdded: function(up, files) {
    plupload.each(files, function(file) {
        // if there are more files than the allowed  
        if (up.files.length > up.settings.max_files) {
            // display alert message
            alert('Cannot send more than ' + up.settings.max_files + ' file(s).');

            // here you can also hide the "Select Files" button with the following code
            //$(up.settings.browse_button).hide();

            // cancel adding files. break each.
            return false;
        }
        document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>';
    });
},

查看您的updated jsfiddle