layui上传

原创2019-10-12 11:02:537
摘要:<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title></title> <link rel="stylesheet" type

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title></title>

 <link rel="stylesheet" type="text/css" href="static/plugins/layui/css/layui.css">

  <script type="text/javascript" src="static/plugins/layui/layui.js"></script>

</head>

<body>

 <button type="button" class="layui-btn" id="test1">

  <i class="layui-icon">&#xe67c;</i>上传图片

</button>

<script>

layui.use('upload', function(){

  var upload = layui.upload;

   

  //执行实例

  var uploadInst = upload.render({

    elem: '#test1' //绑定元素

    ,url: '/upload/' //上传接口

    ,done: function(res){

      //上传完毕回调

    }

    ,error: function(){

      //请求异常回调

    }

  });

});

</script>

</body>

</html>


批改老师:欧阳克批改时间:2019-10-12 16:08:25
老师总结:完成的不错。layui框架简单明了,继续加油

发布手记

热门词条

第九期线上培训班