使用layui怎么阻止图片上传-创新互联

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

成都创新互联是一家专业提供黎平企业网站建设,专注与做网站、网站制作H5页面制作、小程序制作等业务。10年已为黎平众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

今天项目上传图片需要校验大小,而且各个地方图片大小的限制不一样,如果在后台控制会比较麻烦,所以就放在 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怎么阻止图片上传就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:使用layui怎么阻止图片上传-创新互联
文章转载:http://azwzsj.com/article/cceggs.html