layui上传文件,添加判断阻止文件上传

2020-09-14 736

使用layui做文件上传,使用的多文件上传。

使用layui文件上传中的多文件上传,想要在文件添加到列表之后,点击开始上传按钮的时候进行一些逻辑判断,如果不成立直接在before里面return false;就阻止文件上传,本以为试着这样,但是layui并不是这样,即使你return false;文件还是会上传,在网上也搜了很多的方法,出现最多的是让修改layui js中的upload.js模块代码,
  • 方法一:修改layui js中的upload.js源码,将upload.js源码中y = function(){ 代码块 } 中代码块中的代码替换成如下
return "choose"===t?l.choose&&l.choose(g):((l.before&&l.before(g))===false?'':a.ie?a.ie>9?u():c():void u())
然后把 auto:false 在before中使用逻辑判断,
注意:这样虽然能阻止文件上传,但是并不是我们想要的,这样会出现的情况是,在点击选择文件弹出来对话框之后,选择文件之后就会立即判断阻止,不符合就不会添加到多文件上传文件列表里
if(a==1){ return false; }
  • 方法二:同样是修改upload.js源码,这次修改之后的效果是在文件添加到列表之后,在点击开始上传的时候才会进行逻辑判断,符合就上传,否则阻止文件上传,同样修改y = function(){ 代码块 } 将代码块替换成如下代码
if ("choose" !== i && !l.auto || (l.choose && l.choose(g), "choose" !== i)) return (l.before && l.before(g)) === false ? '' : a.ie ? a.ie > 9 ? u() : c() : void u()
使用方法同样实在before里面直接return false;即可在点击触发开始上传按钮的时候进行逻辑判断是否阻止上传。
注:本文参考原文链接https://blog.csdn.net/qq_37251530/article/details/104063990
20 6