浅谈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 相关文章推荐
javascript prototype 原型链
Mar 12 Javascript
JavaScript 新手24条实用建议[TUTS+]
Jun 21 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
Nov 14 Javascript
用js调用迅雷下载代码的二种方法
Apr 15 Javascript
小结Node.js中非阻塞IO和事件循环
Sep 18 Javascript
JavaScript对象反射用法实例
Apr 17 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
jquery Deferred 快速解决异步回调的问题
Apr 05 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
详解vue 动态加载并注册组件且通过 render动态创建该组件
May 30 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 简单日历实现代码
2009/10/28 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
2016/12/23 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
理解Python垃圾回收机制
2016/02/12 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
详解Anaconda 的安装教程
2020/09/23 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
临床医学系毕业生推荐信
2013/11/09 职场文书
杠杆的科学教学反思
2014/01/10 职场文书
装修设计师求职信
2014/02/26 职场文书
元旦晚会活动总结
2014/07/09 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript