欢迎访问WDPHP素材源码站!下午好!别打盹哦!
您好,游客 <游客> [ 马上登录 | 注册帐号 ] 帮助中心
当前位置:首页 > 教程 > 编程教程 > 

LayUI 1.0.9 升级 至 LayUI 2.1.4 方法
栏目分类:编程教程    发布日期:2017-10-30    浏览次数:2973次     收藏

layui 是一款采用自身模块规范编写的情怀级前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

为了方便WDPHP素材源码后期更好的更新,目前已将LayUI升级至 LayUI 2.1.4。现在整理出具体的升级方法:

Form 模块

由之前的 var form = layui.form() 改为:var form = layui.form

Element 模块

由之前的 var element = layui.element() 改为:var element = layui.element

Upload 模块

由之前的

<input type="file" name="file(可随便定义)" class="layui-upload-file">

<script>
layui.use('upload', function(){
	var upload = layui.upload;
	layui.upload({
	  url: '上传接口url'
	  ,success: function(res){
		console.log(res); //上传成功返回值,必须为json格式
	  }
	});   
});
</script>

改为

<button type="button" class="layui-btn" id="test1">上传图片</button> 
<script>
layui.use('upload', function(){
  var upload = layui.upload;
   
  //执行实例
  var uploadInst = upload.render({
    elem: '#test1' //绑定元素
    ,url: '/upload/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
});
</script>

WDPHP素材源码 提供持久更新

声明:本文为原创文章,如需转载,请注明来源 WDPHP.COM 并保留原文链接:http://wdphp.com/detail/1496.html

相关热词: layui升级

评论1
头像 游客
友情提示:评论成功赠送5积分(每日前3次),刷评论扣8积分!
  • 头像 沙发
    2018年06月02日
    panli
    layui更新还是比较快的
Copyright © 2016-2018 wdphp.com 版权所有   本站由WDPHP网站管理系统强力驱动  陕ICP备16002142号
网站首页 | 交流社区 | 关于我们 | 仿站定制 | 积分获取 | 广告投放 | 虚拟主机
特效 资源 源码 模板 教程 站长