tp5+layui多图上传，按照顺序上传

<div class="layui-form-item">
        <label class="layui-form-label">&#35814;&#24773;&#22270;&#19978;&#20256;</label>
        <div class="layui-upload">
            <button type="button" class="layui-btn" id="test2">&#35814;&#24773;&#22270;</button>
            <div class="layui-inline layui-word-aux">
            </div>
            <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                &#39044;&#35272;&#22270;&#65306;
                <div class="layui-upload-list" id="demo2"></div>
                {if isset($data)}
                {volist name="data.images" id="vo"}<xmp>&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;//&#27492;&#22788;&#30340;div&#26159;&#20026;&#20102;&#26041;&#20415;&#28857;&#20987;&#21435;&#38500;&#38656;&#35201;&#19978;&#20256;&#30340;&#22270;&#29255;
                <div class="abc">
                    <img src="%7B%24vo%7D" alt="" style="width: 800px;height: 600px">
                    <input type="hidden" name="images[]" value="{$vo}">
                </div>
                {/volist}
                {/if}
            
        

点击去除图片代码

$(document).on('click','.layui-quote-nm img',function () {
        $(this).parent().remove()
    })

layui提交部分

var arr = new Array();
        var uploadInst = upload.render({
            elem : '#test2',
            accept : 'images',//指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
            multiple : 'true',
            url : '/admin/image/upload',
            before:function(obj){
                console.log(obj)
                var load = layer.load();
            },
            done: function(res,index,upload){
                arr[index.substr(14)]=res;
                layer.msg(res.msg,{time:'3000',tipsMore: true,zIndex:'2'});
            },
            allDone: function(obj){ //当文件全部被提交后，才触发
                layer.closeAll();
                // arr = arr.sort()
                console.log(arr);
                for(var i=0;i<arr.length class="abc"><img src="'+%20arr%5Bi%5D.path%20+'" class="layui-upload-img" style="width: 800px;height: 600px"><input type="hidden" name="images[]" id="fhimage" value="'+arr[i].path+'">')
                }
                $('.layui-word-aux').append("&#25191;&#34892;&#23436;&#27605;&#65292;&#25991;&#20214;&#24635;&#25968;&#65306;"+obj.total+"&#25104;&#21151;&#65306;"+obj.successful+"&#20010;&#65292;&#22833;&#36133;&#65306;"+obj.aborted+"&#20010;");
            },
            error : function(){

                //&#35831;&#27714;&#24322;&#24120;
            }

        });</arr.length>

如果在done里提交的话，有些图片大小不一样，哪个先上传完就会先显示哪个，顺序会乱，所以将数据放到了allDone里面，这样的话可以保持上传的顺序不乱