使用layui进行多图片上传--带预览、删除图标

对于layui的多图片上传，网上的示例千篇一律,并且都不符合我的要求，通过自己的研究，较好的实现了自己的需求，不过由于对前端部分内容不是很了解，部分CSS都是自己写的，所以并不是最好的实现，但是能满足自己的需求

一、实现的效果:

1.上传图片

2.删除图片

3.获取图片url

二、代码部分：

1.html代码

 <div class="layui-col-md12 layui-col-sm6 layui-col-xs12">
            <div class="layui-card">
                <div class="layui-card-header" id="form-header">上传图片</div>
                <div class="layui-card-body">
                    <form class="layui-form layui-table-form" style="text-align: center" action="" lay-filter="cfg-form"
                          id="cfg-form">
                        <div class="layui-form-item" id="imgItem">
                            <label class="layui-form-label">上传图片：</label>
                            <button type="button" id="importModel" class="layui-hide">图片导入</button>
                            <div class="layui-input-inlines-self" id="imgItemInfo">
                                <div class="layui-upload-drag-self" id="importImg0">
                                    <div id="imgDivs0">
                                        <i class="layui-icon" id="uploadIcon0"> &#xe624; </i>
                                    </div>
                                    <div class="img layui-hide" id="uploadDemoView0">
                                        <img class="layui-upload-img" id="imgs0" src="">
                                        <div class="handle layui-hide" id