浅谈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 相关文章推荐
新闻内页-JS分页
Jun 07 Javascript
Javascript 继承机制的实现
Aug 12 Javascript
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
判断在css加载完毕后执行后续代码示例
Sep 03 Javascript
js电话号码验证方法
Sep 28 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
JS实现简单的tab切换选项卡效果
Sep 21 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
这应该是最详细的响应式系统讲解了
Jul 22 Javascript
layui 实现table翻页滚动条位置保持不变的例子
Sep 05 Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 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/10/20 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
对xmlHttp对象方法和属性的理解
2011/01/17 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
2017/01/06 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
python实现从web抓取文档的方法
2014/09/26 Python
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
巴西电子产品购物网站:Saldão da Informática
2018/01/09 全球购物
女方回门宴答谢词
2014/01/14 职场文书
主题婚礼策划方案
2014/02/10 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
python tkinter Entry控件的焦点移动操作
2021/05/22 Python