layui文件上传作业

Original 2019-05-29 14:45:27 239
abstract:<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title></title> <link rel="stylesheet" type="text/css" href=&qu

<!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>


Correcting teacher:天蓬老师Correction time:2019-05-29 15:29:28
Teacher's summary:文件上传 , 如果使用原生语法, 是非常繁琐的, 使用插件或框架会简化 很多

Release Notes

Popular Entries