layui多个文件上传案例

好的，我会尽力用中文来为您解答。

在使用 layui 进行多文件上传的时候，首先需要在页面中引入 layui 的文件上传模块：

<script src="https://cdn.staticfile.org/layui/2.5.6/layui.all.js"></script>

然后，可以在页面中添加一个文件上传的表单元素，并为它添加一个 `id` 属性：

<form class="layui-form">
  <input type="file" name="file" id="upload" multiple />
</form>

接着，可以在 JavaScript 中使用 layui 的 `upload` 方法来进行文件上传：

layui.use('upload', function(){
  var upload = layui.upload;
  
  // 多文件列表示例
  var demoListView = $('#demoList')
  ,uploadListIns = upload.render({
    elem: '#upload'
    ,url: '/upload/'
    ,accept: 'file'
    ,multiple: true
    ,auto: false
    ,bindAction: '#testListAction'
    ,choose: function(obj){   
      var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
      //读取本地文件
      obj.preview(function(index, file, result){
        var tr = $(['<tr id="upload-'+ index +'">'
          ,'<td>'+ file.name +'</td>'
          ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
          ,'<td>等待上传</td>'
          ,'<td>'
            ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
            ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
          ,'</td>'
        ,'</tr>'].join(''));
        
        //单个重传
        tr.find('.demo-reload').on('click', function(){
          obj.upload(index, file);
        });
        
        //删除