plupload如何限制上传文件数量,限制只能上传单个文件

1 完整代码

    $(function() {
        $("#uploader").pluploadQueue({
            runtimes : 'html5,gears,flash,silverlight,browserplus,html4',//设置运行环境,会按设置的顺序,可以选择的值有html5,gears,flash,silverlight,browserplus,html4
            flash_swf_url : '${pageContext.request.contextPath}/jslib/plupload_1_5_7/plupload/js/plupload.flash.swf',// Flash环境路径设置
            silverlight_xap_url : '${pageContext.request.contextPath}/jslib/plupload_1_5_7/plupload/js/plupload.silverlight.xap',//silverlight环境路径设置
            url : '${pageContext.request.contextPath}/UploadServlet',//上传文件路径
            max_file_size : '5mb',//100b, 10kb, 10mb, 1gb
            chunk_size : '100mb',//分块大小,小于这个大小的不分块
            unique_names : true,//生成唯一文件名
            multi_selection: false,
            //multiple_queues : true,//是否可以多次上传
            // 如果可能的话,压缩图片大小
            // resize : { width : 320, height : 240, quality : 90 },
            // 指定要浏览的文件类型
            filters : [ {
                title : 'Image files',
                extensions : 'jpg,gif,png'
            }
            /* , {
                title : 'Zip files',
                extensions : 'zip,7z,rar'
            } */
            , {
                title : 'Office files',
                extensions : 'doc,docx,excel,ppt,txt,mpp,xls,xlsx,pdf'
            }
            /* , {
                title : 'exe files',
                extensions : 'exe,bit,bat'
            } */
            ],
            init : {
                BeforeUpload:function(up,file){
                    /* $.post('${pageContext.request.contextPath}/docinf/docinfDoc/checkDocIsExist.do', 
                    {name:file.name}, function(json) {
                        if (json.success) {
                            ;
                        } else {
                            $.messager.show('提示', json.msg, 'info');
                        }
                    },"JSON"); */

                }, 
                FileUploaded : function(up, file, info) {//文件上传完毕触发
                    var response = $.parseJSON(info.response);
                    if (response.status) {
                        $("#isUploadFile").attr("value",true);//给隐藏域 赋值 表示 有上传文件
                        $('#form').append('<input type="hidden" name="urlfileName" value="'+file.id+'"/>');
                        $('#form').append('<input type="hidden" name="fileUrl" value="'+response.fileUrl+'"/>');
                        $('#form').append('<input type="hidden" name="fileName" value="'+file.name+'"/><br/>');
                    }
                },

                FilesAdded : function(uploader, file){
                    if(file[0].name.length>25) {
                        $.messager.show('提示',"文件名称太长!", 'info');
                        return;
                    }
                    if(uploader.files.length>1) { // 最多上传3张图
                        $.messager.show('提示',"只能上传一个文件,请删除多余文件!", 'info');
                        return;
                    }

                    uploader.start();
                }
            }
        });

        // 客户端表单验证
        $('#form').submit(function(e) {
            var uploader = $('#uploader').pluploadQueue();
            if (uploader.files.length > 0) {// 判断队列中是否有文件需要上传
                uploader.bind('StateChanged', function() {// 在所有的文件上传完毕时,提交表单
                    if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
                        $('form')[0].submit();
                    }
                });
                uploader.start();   
            } else {
                //alert('请选择至少一个文件进行上传!');
                $.messager.show('提示', '请选择至少一个文件进行上传!', 'error');
            }
            return false;
        });

    });

2 关键代码

FilesAdded : function(uploader, file){
                    if(file[0].name.length>25) {
                        $.messager.show('提示',"文件名称太长!", 'info');
                        return;
                    }
                    if(uploader.files.length>1) { // 最多上传1个文件
                        $.messager.show('提示',"只能上传一个文件,请删除多余文件!", 'info');
                        return;
                    }

                    uploader.start();
                }
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值