浅谈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 相关文章推荐
Dom在ajax技术中的作用说明
Oct 25 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
React-router4路由监听的实现
Aug 07 Javascript
JS使用栈判断给定字符串是否是回文算法示例
Mar 04 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
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下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
php使用date和strtotime函数输出指定日期的方法
2014/11/14 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
2019/10/18 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
2014/02/11 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
详解jQuery获取特殊属性的值以及设置内容
2018/11/14 jQuery
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
微信小程序实现滚动加载更多的代码
2019/12/06 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
axios封装与传参示例详解
2020/10/18 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
python创建列表并给列表赋初始值的方法
2015/07/28 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
基于pip install django失败时的解决方法
2018/06/12 Python
详解Python3除法之真除法、截断除法和下取整对比
2019/05/23 Python
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
大学军训感言800字
2014/02/27 职场文书
建议书格式
2015/02/04 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
SpringBoot2零基础到精通之异常处理与web原生组件注入
2022/03/22 Java/Android
win10音频服务未响应怎么解决?win10音频服务未响应未修复的解决方法
2022/08/14 数码科技