使用layui怎么阻止图片上传

这篇文章给大家介绍使用layui怎么阻止图片上传，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

今天项目上传图片需要校验大小，而且各个地方图片大小的限制不一样，如果在后台控制会比较麻烦，所以就放在 js 里校验，这里用的layui（1.0.9） 的 upload.js 模块。这个版本的layui本来是不支持阻止图片上传的，所以改动了源码。

//改动前的
s.before && s.before(e),l.parent().submit();
//改动后的
if(s.before==undefined || s.before(e)==undefined || (s.before && s.before(e))) l.parent().submit();
else return false;

由于之前的上传图片是没有 写before方法的（会返回undefined），为了不改动之前的代码，就在这里加了判断。s.before 是 before 方法的内容，s.before(e) 是 before 方法的返回值，如果没有就回返回undefined 。

layui是什么

layui是一款采用自身模块规范编写的前端UI框架，它遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，适合新手，并且它还提供了丰富的内置模块，他们皆可通过模块化的方式按需加载，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发，能够作为PC网页端后台系统与前台界面的速成开发方案。

关于使用layui怎么阻止图片上传就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。