织梦图集整合layui可多图集上传可会员多图集(2)

<td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal imgurls"><i class="layui-icon layui-icon-upload"></i>上传图片</button></td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="4" class="bline">

<table width='100%'>

<tr>

<td><div class="layui-upload-img"><ul class="layui-upload-list" id="imgurls"></ul></div></td>

</tr>

</table>

</td>

</tr>

<script type="text/javascript">

    layui.use('upload', function(){

        var $ = layui.jquery

            ,upload = layui.upload;

 

        // imgurls 图片上传

        var uploadInst = upload.render({

            elem: '.imgurls'

            ,url: '../include/layui/layuiupload.php'

,multiple: true

,accept: 'images'

            ,acceptMime: 'image/*'

            ,done: function(res){

if(res.code == 0){

return layer.msg(res.msg);

}

$('#imgurls').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="imgurls[alt][]" value="" class="layui-input" /><input type="hidden" name="imgurls[url][]" value="' + res.img + '" /><input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" /></li>');

}

            ,error: function(){

                //失败重传

                

            }

        });

 

$("body").on("click",".close",function(){

var id = $(this).data('id');

$.get('../include/layui/layuiupload.php',{'dopost':'del','id':id},function(res){})

$(this).closest("li").remove();

});

 

$("body").on("click",".layui-upload-img ul li .toleft",function(){

var li_index = $(this).closest("li").index();

if(li_index >= 1){

$(this).closest("li").insertBefore($(this).closest("ul").find("li").eq(Number(li_index)-1));

}

});

$("body").on("click",".layui-upload-img ul li .toright",function(){

var li_index = $(this).closest("li").index();

$(this).closest("li").insertAfter($(this).closest("ul").find("li").eq(Number(li_index)+1));

});

 

    });

</script>

图解

3、打开 /dede/album_add.php

找到

//加入附加表

在它上面加入

//图集字段 imgurls

if(is_array($_POST['imgurls']['url']))

{

$my_imgurls = "";

foreach($_POST['imgurls']['url'] as $key => $val)

{