<!--图片上传组件-->
<div class="layui-upload">
<!--触发按钮-->
<button type="button" class="layui-btn btn-success " id="test2" style="border:none;border-radius: 3px;height: 32px;margin-left: 30px;">资产附图上传</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;border: 5px solid #eee !important;margin-left: 30px;width: 78%;height: 230px;" id="preview">
预览图:
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
html代码如上,可详细见官网示例,这里是多文件上传(图片)示例:
容易出问题的地方是文件多次选择,layui的组件回出现文件溢出,就是图片多次选择的累加,注意在恰当时候使用:
for(var temp in files)
{
delete files[temp]; //清空文件队列
}
来清空文件队列!!!