注意Servers配置中限制上传大小
第一步:
HTML页面引入layui
<div class="layui-upload">
<button type="button" class="layui-btn layui-btn-normal" id="testList">
选择多文件
</button>
<div class="layui-upload-list">
<table class="layui-table">
<thead>
<tr>
<th>文件名</th>
<th>大小</th>
<th>状态</th>
<th>操作</th>
</tr>
</thead>
<tbody id="demoList"></tbody>
</table>
</div>
<!-- <button type="button" class="layui-btn" id="testListAction">开始上传</button> -->
</div>
Ctrl+Shift+F格式化代码(会与输入法简体/繁体快捷键冲突)
第二步:
js中监控Upload
layui.use(['layer', 'form', 'laydate', 'upload' ], function(exports) {});
在监控中编写上传js代码
layui.use(['layer', 'form', 'laydate', 'upload' ], function(exports) {
var baseUpload = new Array();//声明集合存放多个文件
layui.form.on('submit(form-submit)', function(data) {
var formObj = data.form;
var formData= data.field;
formData['stiList'] = baseUpload;//表单提交的时候,把文件也提交过去
$.post(formObj.action, formData, function(result) {
if(result.msg == 'OK') {