layui 多图上传点击图片删除的实现与注意事项

<div class="layui-form">    <div class="layui-form-item">        <label class="layui-form-label">活动图片：</label>        <div class="layui-input-block">            <div class="layui-upload">                <button type="button" class="layui-btn" id="uploadImgsBtn">                    多图片上传                </button>                <div class="layui-upload-list" id="showUploadImgs"></div>            </div>        </div>    </div></div>

var form,layer,upload; layui.use(['form','layer','upload'],function () {       form = layui.form;                 layer = layui.layer;                  upload = layui.upload;       form.render();       var files;//选择的文件数组      upload.render({         elem: '#uploadImgsBtn',         url: '/Admin/Activity/insertActivityUploadImg',         multiple: true,         accept: 'images',         auto:false,         number:5,         bindAction:"#insertBtn",         choose:function(obj){         //预读本地文件示例，不支持ie8         files = obj.pushFile();//将选择的图片加到数组中         obj.preview(function(index, file, result){             //index='"+index+"'：是传递图片的下标，为了删除确定元素。                 var img="" +                 "<span class='uploadSpan'>" +                 "<img src='"+result+"' index='"+index+"' class='layui-upload-img uploadImg'>" +                     "<span class='DelUPImg'>" +                         "<icon class='layui-icon layui-icon-delete'></icon>" +                      "</span>" +                  "</span>"                        $('#showUploadImgs').append(img);                    });                }                ,done: function(res){                    //上传完毕                    console.log(res.data);                 }            });             /*点击删除图片项的按钮*/            $(document).on('click','.DelUPImg',function (e) {                delete files[$(this).prev().attr("index")];//从图片数组中删除元素。根据下标删除                $(this).parent().remove();//在页面上移除显示图片的节点            });});