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 相关文章推荐
JavaScript 调试器简介
Feb 21 Javascript
由JavaScript技术实现的web小游戏(不含网游)
Jun 12 Javascript
Javascript之旅 对象的原型链之由来
Aug 25 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
Aug 14 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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网页标题中文乱码的有效解决方法
2014/03/05 PHP
php实现仿写CodeIgniter的购物车类
2015/07/29 PHP
php实现的农历算法实例
2015/08/11 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
JQuery jsonp 使用示例代码
2009/08/12 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
vue select选择框数据变化监听方法
2018/08/24 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
js+canvas实现刮刮奖功能
2020/09/13 Javascript
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python脚本设置系统时间的两种方法
2016/02/21 Python
Python实现压缩和解压缩ZIP文件的方法分析
2017/09/28 Python
Python中对象的引用与复制代码示例
2017/12/04 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
计算机专业推荐信范文
2013/11/27 职场文书
银行开业庆典方案
2014/02/06 职场文书
暑期社会实践感言
2014/02/25 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
领导班子四风对照检查材料范文
2014/09/27 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL