layui里的上传控件问题
来源:互联网 发布:中公教育网络课程 编辑:程序博客网 时间:2024/05/16 16:07
很多时候,项目里都是需要上传功能的,现在就来研究研究,
首先,在html页面引入layui的包,如:
<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" />
<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-filelayui-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这个属性来确定对应的上传控件做对应的事情。
0 0
- layui里的上传控件问题
- layui里的弹出框问题
- 分页控件layui的使用
- layui上传
- layui里的表单元素的使用
- layui通用单图上传的方法
- 使用layui组件的小问题1.0,
- layui 表单元素的选中问题
- layui 表单元素的选中问题
- TP5 layui 数组表格的排序问题
- layui 复选框等内置控件不显示问题
- layui上传图片
- layui-日期控件
- layui时间控件选择器
- layui 页面控件
- 控件篇 - 子控件在StackPanel里的居中问题
- 处理上传文件控件碰到的问题
- layui文件上传跨域回调显示
- NFS服务器搭建 unbuntu
- openfire muc 移除成员
- 转载的socks4 socks5 rfc1928一大堆
- EntityClient 介绍
- 反转法_Face The Right Way(POJ.3276)
- layui里的上传控件问题
- ObjectQuery查询及方法
- 界面侧滑
- Python做图像识别和应用
- 实现performSelector 传递多个参数
- 5.1. ApplicationContext的事件机制
- 文章标题
- Linux下内存使用分析思路
- 我为什么鼓励工程师写blog