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高级程序设计(第3版)学习笔记7 js函数(上)
Oct 11 Javascript
原生javascript兼容性测试实例
Jul 01 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
js实现超酷的照片墙展示效果图附源码下载
Oct 08 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
JS图片预加载三种实现方法解析
May 08 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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输入流php://input介绍
2012/09/18 PHP
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
2010年最佳jQuery插件整理
2010/12/06 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
2016/01/26 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python基于回溯法子集树模板解决最佳作业调度问题示例
2017/09/08 Python
python去除字符串中的换行符
2017/10/11 Python
Python基本socket通信控制操作示例
2019/01/30 Python
详解python算法之冒泡排序
2019/03/05 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
python创建文本文件的简单方法
2020/08/30 Python
详解HTML5中的拖放事件(Drag 和 drop)
2016/11/14 HTML / CSS
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
365 Tickets英国:全球景点门票
2019/07/06 全球购物
个人安全承诺书
2014/05/22 职场文书
小学课外阅读总结
2014/07/09 职场文书
交警正风肃纪剖析材料
2014/10/29 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
三十年同学聚会感言
2015/07/30 职场文书
python基础之类属性和实例属性
2021/10/24 Python
JavaScript ES6的函数拓展
2022/01/18 Javascript