layui-open-上传文件

在layui中，可以使用 `upload` 组件来实现文件上传功能。以下是一个简单的示例：

HTML代码:

<div class="layui-upload">
  <button type="button" class="layui-btn" id="test-upload-normal">选择文件</button>
  <div class="layui-upload-list">
    <table class="layui-table">
      <thead>
        <tr><th>文件名</th><th>大小</th><th>状态</th><th>操作</th></tr>
      </thead>
      <tbody id="demo-list"></tbody>
    </table>
  </div>
</div>

JavaScript代码：

//普通图片上传
var uploadInst = layui.upload.render({
  elem: '#test-upload-normal',
  url: '/upload/',
  accept: 'file', //允许上传的文件类型
  exts: 'pdf|doc|docx|xls|xlsx', //允许上传的文件后缀
  size: 2048, //文件大小限制，单位 KB
  multiple: true, //是否允许多文件上传
  done: function(res){
    //上传完毕回调
    console.log(res);
    //上传成功后，将文件信息添加到表格中
    var tr = '<tr><td>'+ res.filename +'</td><td>'+ res.filesize +'</td><td>上传成功</td><td><button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button></td></tr>';
    $('#demo-list').append(tr);
  },
  error: function(){
    //请求异常回调
    console.log('上传失败');
  }
});

//删除已上传的文件
$(document).on('click', '.demo-delete', function(){
  $(this).parents('tr').remove();
});

在上面的示例代码中，我们使用了 `upload` 组件来实现文件上传功能，并且设置了一些上传参数，如 `accept`、`exts`、`size`等。上传成功后，会调用 `done` 回调函数，在回调函数中将文件信息添加到表格中。同时，我们还实现了删除已上传文件的功能。