layui 阻止图片上传的实例(before方法)


Posted in Javascript onSeptember 26, 2019

今天项目上传图片需要校验大小,而且各个地方图片大小的限制不一样,如果在后台控制会比较麻烦,所以就放在 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 阻止图片上传的实例(before方法)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
IE和Firefox下javascript的兼容写法小结
Dec 10 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
May 18 Javascript
js简单实现让文本框内容逐个字的显示出来
Oct 22 Javascript
javascript解析json数据的3种方式
May 08 Javascript
常用的jQuery前端技巧收集
Dec 24 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
详解Angular路由 ng-route和ui-router的区别
May 22 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
JavaScript中callee和caller的区别与用法实例分析
Jun 28 Javascript
Node.js API详解之 assert模块用法实例分析
May 26 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
layui 上传图片 返回图片地址的方法
Sep 26 #Javascript
vue仿ios列表左划删除
Sep 26 #Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 #Javascript
vue实现百度搜索功能
Dec 28 #Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 #Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 #Javascript
react实现同页面三级跳转路由布局
Sep 26 #Javascript
You might like
Terran剧情介绍
2020/03/14 星际争霸
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
php中的依赖注入实例详解
2019/08/14 PHP
javascript 触发事件列表 比较不错
2009/09/03 Javascript
IE bug table元素的innerHTML
2010/01/11 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
JSONP之我见
2015/03/24 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
JS原型与继承操作示例
2019/05/09 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
python读写二进制文件的方法
2015/05/09 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
新奇的小玩意:IWOOT
2016/07/21 全球购物
苏格兰在线威士忌商店:The Whisky Barrel
2019/05/07 全球购物
英文简历中的自我评价
2013/10/06 职场文书
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
迟到检讨书500字
2014/02/05 职场文书
小学优秀学生评语
2014/12/29 职场文书
php字符串倒叙
2021/04/01 PHP
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python