LayUI 1.0.9 升级 至 LayUI 2.1.4 方法

栏目分类：PHP教程    发布日期：2017-10-30    浏览次数：19281次     收藏

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素材源码 提供持久更新