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 相关文章推荐
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 Javascript
JavaScript中setInterval的用法总结
Nov 20 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
Mar 15 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
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
CI框架常用函数封装实例
2016/11/21 PHP
php源码的使用方法讲解
2019/09/26 PHP
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
JavaScript Split()方法
2015/12/18 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
2016/08/03 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
python实现2048小游戏
2015/03/30 Python
使用python绘制常用的图表
2016/08/27 Python
python用装饰器自动注册Tornado路由详解
2017/02/14 Python
python基于物品协同过滤算法实现代码
2018/05/31 Python
朴素贝叶斯分类算法原理与Python实现与使用方法案例
2018/06/26 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
python global和nonlocal用法解析
2020/02/03 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
美国高街时尚品牌:OASAP
2016/07/24 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
优秀的毕业生的自我评价
2013/12/12 职场文书
项目采购员岗位职责
2014/04/15 职场文书
义和团口号
2014/06/17 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
难以忽视的真相观后感
2015/06/05 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书
导游词之河北邯郸
2019/09/12 职场文书
详解Python如何批量采集京东商品数据流程
2022/01/22 Python
Python经常使用的一些内置函数
2022/04/11 Python
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android