layui上传页面

Original 2019-01-23 19:02:52 280
abstract:<!DOCTYPE html> <html> <head>   <meta charset="utf-8">   <title></title>  <link rel="stylesheet" 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
 <link rel="stylesheet" type="text/css" href="css/lib/layui/css/layui.css">
  <script type="text/javascript" src="js/lib/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-01-24 08:50:50
Teacher's summary:layui中的文件上传有很多种类型, 比如多文件上传

Release Notes

Popular Entries