当layui上传文件时,你需要限制文件上传的个数时,需要在上传前进行判断,并且限制不允许上传,这时候就想到了before。具体操作如下:
var tmpFile = [];//上传文件临时存储
upload.render({
elem: '#UploadBtn'
,url: ''//你的上传地址
,number:1//文件可选个数
,size:51200//大小
,accept: 'file'
,exts:'doc|docx'//文件后缀
,before:function(obj){
//这边执行你想要阻止的操作,比如下面的只允许上传一个文件...
if(tmpFile.length==1){
layer.alert('只允许上传一个文件');
return false;
}
}
,allDone: function(obj){
//所有文件上传完毕
layer.msg('成功上传文件');
},
done:function(obj){
var data =obj.data;
tmpFile.push(data);
}
,error:function(err){
layer.msg(err);
}
})
但是发现即使return false;之后也无效。经过几番搜索之后发现upload.js中对before的判断有待改进。
原始:
y = function() {
if ("choose" !== i && !l.auto || (l.choose && l.choose(g), "choose" !== i)) return l.before && l.before(g),o.ie ? o.ie > 9 ? u() : c() : void u()
};
现更改为:
y = function() {
if ("choose" !== i && !l.auto || (l.choose && l.choose(g), "choose" !== i)) return (l.before && l.before(g)) === false ? '' : o.ie ? o.ie > 9 ? u() : c() : void u()
};