layUI 之 layui.upload before 阻断上传

最新推荐文章于 2023-06-15 10:33:52 发布

原创最新推荐文章于 2023-06-15 10:33:52 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#layUI #阻断上传 #before

layUI 专栏收录该内容

3 篇文章

订阅专栏

在layui版本v2.5.5中，通过before事件阻止上传需要正确处理。通常return false无法直接阻止，一种解决方法是修改upload.js源码，但会导致choose回调失效。为保持choose功能，可以修改特定代码段并在before事件中根据逻辑返回false来终止上传。

layui版本号：v2.5.5

我想要在上传文件之前判断这个资源属性属于哪种，如果不是正确的资源属性那么就终止上传。

第一步：
首先before终止上传按理来说直接return false 就可以了，但是直接写并不管用，还是会去上传，查了一下很多人都说改源码：
找upload.js文件到下列代码：

y = function() {
           if ("choose" !== t && !l.auto || (l.choose && l.choose(g), "choose" !== t)) return l.before && l.before(g),
            a.ie ? a.ie > 9 ? u() : c() : void u()
        };

用下列代码替换大括号中的代码：

return "choose" === t ? l.choose && l.choose(g) : ((l.before && l.before(g)) === false ? '' : a.ie ? a.ie > 9 ? u() : c() : void u())

但是，我这边实践时，choose 回调失效了，项目需求需要 choose 后重新在自定义位置展示上传文件名

解决办法是修改如下

y = function() {
           if ("choose" !== t && !l.auto || (l.choose && l.choose(g), "choose" !== t)) return (l.before && l.before(g))===false?'':a.ie ? a.ie > 9 ? u() : c() : void u()           
        };

然后在 before 中相应逻辑中 return false 就行啦

参考文章：layui上传功能在before之前做逻辑处理并终止上传_浪里骚气溅淫花的博客-优快云博客