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 相关文章推荐
JS防止用户多次提交的简单代码
Aug 01 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 Javascript
jQuery中:eq()选择器用法实例
Dec 29 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
JS实现瀑布流布局
Oct 21 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
浏览器JavaScript调试功能无法使用解决方案
Sep 18 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实现与erlang的二进制通讯实例解析
2014/07/23 PHP
CI框架中cookie的操作方法分析
2014/12/12 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
基于KMP算法JavaScript的实现方法分析
2013/05/03 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
[35:27]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第二场 10.29
2020/10/29 DOTA
python计算方程式根的方法
2015/05/07 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
python如何获取apk的packagename和activity
2020/01/10 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
草莓网化妆品日本站:Strawberrynet日本
2017/10/20 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
应届生保险求职信
2013/11/11 职场文书
优秀教师工作感言
2014/02/16 职场文书
企业安全生产责任书
2014/04/14 职场文书
企业整改报告范文
2014/11/08 职场文书
仙境之桥观后感
2015/06/16 职场文书
高中生军训感言
2015/08/01 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL