浅谈layui里的上传控件问题


Posted in Javascript onSeptember 26, 2019

很多时候,项目里都是需要上传功能的,现在就来研究研究,

首先,在html页面引入layui的包,如:

<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" rel="external nofollow" />

<script type="text/javascript" src="map/plug-in/scripts/layui/lay/dest/layui.all.js" ></script>

接着在html页面写:

<div class="layui-form-item query_inp query_inp2">
<div class="layui-input-inline">
 <input type="file" name="file(queryUpload)" class="layui-upload-file layui-upload-file_chaxun">
</div>
</div>

然后再在js文件里对其渲染:

layui.upload({
 elem: '.layui-upload-file_chaxun',
 url: 'importServlet.do'
 ,title: '请上传TXT文件'
 ,ext: 'txt' //那么,就只会支持这三种格式的上传。注意是用|分割。
 ,success: function(res,input){
 }
 });

在这里需要注意的是,如果你有多个上传控件,你就在class里重新命名一个,然后用 elem这个属性来确定对应的上传控件做对应的事情。

以上这篇浅谈layui里的上传控件问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery中append()方法用法实例
Dec 25 Javascript
vue制作加载更多功能的正确打开方式
Oct 12 Javascript
微信小程序支付及退款流程详解
Nov 30 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
微信小程序视图控件与bindtap之间的问题的解决
Apr 08 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
Vue——前端生成二维码的示例
Dec 19 Vue.js
JavaScript实现简单计时器
Jun 22 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 #Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 #Javascript
layui 上传图片 返回图片地址的方法
Sep 26 #Javascript
vue仿ios列表左划删除
Sep 26 #Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 #Javascript
vue实现百度搜索功能
Dec 28 #Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 #Javascript
You might like
php学习 字符串课件
2008/06/15 PHP
php构造方法中析构方法在继承中的表现
2016/04/12 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
javascript 模拟JQuery的Ready方法实现并出现的问题
2009/12/06 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
2011/12/12 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
jQuery实现精美的多级下拉菜单特效
2015/03/14 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python 生成不重复的随机数的代码
2011/05/15 Python
Python实现的石头剪子布代码分享
2014/08/22 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
python遍历小写英文字母的方法
2019/01/02 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
设备收款委托书范本
2014/10/02 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
中学教代会开幕词
2016/03/04 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis