layui实现多文件上传

layui是一个轻量级的前端UI框架，它提供了一个简单易用的文件上传组件，可以方便地实现在页面上支持多文件上传的功能。在layui中，你可以通过以下步骤来实现多文件上传：

1. 引入必要的库：首先，在HTML头部引入layui的CSS和JavaScript资源。

<link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/layui.css">
<script src="https://unpkg.com/layui@2.6.8/dist/layui.js"></script>

2. 使用layui的upload模块：在需要上传文件的地方，创建一个`<input type="file">`元素，并加上layui的上传插件属性，如`lay-upload`。

<div id="uploadDemo" lay-upload="{limit: 5}" multiple></div>

这里的`{limit: 5}`表示最多允许同时选择5个文件，`multiple`则开启多选模式。

3. 初始化上传：在JavaScript中，使用layui提供的`layui.use()`加载upload模块，并对`#uploadDemo`进行初始化。

layui.use(['upload'], function(){
    var upload = layui.upload;
    // 上传配置
    var config = {
        elem: '#uploadDemo',
        url: '服务器接收上传文件的URL', // 服务器端接收地址
        headers: { 'X-CSRF-TOKEN': token }, // 如果有token验证
        before: function(file, req){ 
            // 文件上传前处理
        },
        done: function(res, file){
            // 上传成功后的回调函数，res为返回结果
        },
        error: function(err, file){
            // 上传失败的回调函数，err为错误信息
        }
    };
    // 实例化上传
    upload.init(config);
});

4. 配置额外选项：你可以根据需要自定义更多的上传选项，例如设置文件类型、单次上传大小限制等。