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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
js实现DIV的一些简单控制
Jun 04 Javascript
DOM Scripting中的图片切换[兼容Firefox]
Jun 12 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
DWR中各种java方法的调用
May 04 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
Jan 31 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
Feb 14 Javascript
node使用promise替代回调函数
May 07 Javascript
Vue实现剪贴板复制功能
Dec 31 Javascript
js不常见操作运算符总结
Nov 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
php格式化工具Beautify PHP小小BUG
2008/04/24 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
javascript中字符串拼接需注意的问题
2010/07/13 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
详解JavaScript树结构
2017/01/09 Javascript
浅谈struts1 & jquery form 文件异步上传
2017/05/25 jQuery
详解vue2 $watch要注意的问题
2017/09/08 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
Python 正则表达式操作指南
2009/05/04 Python
python比较两个列表大小的方法
2015/07/11 Python
深入学习Python中的装饰器使用
2016/06/20 Python
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
岗位廉洁从政承诺书
2014/03/27 职场文书
《大海那边》教学反思
2014/04/09 职场文书
《泉水》教学反思
2014/04/11 职场文书
卫生标语大全
2014/06/21 职场文书
圣诞晚会主持词
2015/07/01 职场文书
MySQL三种方式实现递归查询
2022/04/18 MySQL
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis