使用layui怎么阻止图片上传-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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


名称栏目:使用layui怎么阻止图片上传
URL标题:http://kswsj.cn/article/jodhei.html

其他资讯