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入门教程(1) 什么是JS
Jan 31 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
Dec 16 Javascript
深入理解Vue 的条件渲染和列表渲染
Sep 01 Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
JavaScript中展开运算符及应用的实例代码
Jan 14 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支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
JavaScript高级程序设计
2006/12/29 Javascript
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
2019/09/11 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
浅谈python可视化包Bokeh
2018/02/07 Python
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
python远程邮件控制电脑升级版
2019/05/23 Python
python+selenium实现自动化百度搜索关键词
2019/06/03 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
python使用yield压平嵌套字典的超简单方法
2019/11/02 Python
html5 视频播放解决方案
2016/11/06 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
新大陆软件面试题
2016/11/24 面试题
工业学校毕业生自荐信范文
2014/01/03 职场文书
求职信需要的五点内容
2014/02/01 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
2015年教师节活动总结
2015/03/20 职场文书
小学班主任工作随笔
2015/08/15 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js