上传文件before无法阻止事件上传

当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()
			};

你可能感兴趣的:(layui,前端,javascript)