layui 怎么实现多文件上传
时间: 2023-12-10 16:11:47 浏览: 81
在 layui 中实现多文件上传可以使用 layui 的 upload 模块。具体步骤如下:
1. 在 HTML 页面中引入 layui 的 upload 模块
```
<script src="//cdn.layui.com/layui/2.5.6/layui.js"></script>
```
2. 在 HTML 页面中添加文件上传的 DOM 元素
```
<input type="file" name="file" multiple>
```
3. 在 JavaScript 中初始化 upload 模块并配置参数
```
layui.use('upload', function(){
var upload = layui.upload;
//执行上传
var uploadInst = upload.render({
elem: 'input[name="file"]', //绑定元素
url: '/upload/', //上传接口
multiple: true, //支持多文件上传
done: function(res){
//上传完毕回调
console.log(res);
},
error: function(){
//请求异常回调
console.log('上传失败');
}
});
});
```
其中,`elem` 参数为文件上传的 DOM 元素,`url` 参数为上传接口的地址,`multiple` 参数为是否支持多文件上传,`done` 参数为上传完毕回调函数,`error` 参数为上传异常回调函数。
这样,就可以在 layui 中实现多文件上传了。
阅读全文