plupload如何限制上传文件数量,限制只能上传单个文件 Dear 丶 2022-07-13 00:43 351阅读 0赞 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(); }
还没有评论,来说两句吧...