多图片上传支持排序左右移动和删除实例源码PHP

多图片上传支持排序左右移动和删除实例源码PHP,20210915091933.jpg,第1张

PHP多图片上传预览,支持左右切换位置、删除图片,通过点击获取图片按钮可以获取上传图片的封面和所有图片,PHP支持图片数量限制的多图片插件

向左移动图片
function reverse_left(obj) { 
    var obj_li = obj.parents("li"); 
    var obj_prev = obj_li.prev("li"); 
    if (obj_prev.hasClass("li_upload")) { 
        obj_li.insertBefore(obj_prev); 
        obj_li.find(".uploading-tip").css({"height": 0}); 
    } 
}
向右移动图片
function reverse_right(obj) { 
    var obj_li = obj.parents("li"); 
    var obj_next = obj_li.next("li"); 
    if (obj_next.hasClass("li_upload")) { 
        obj_li.insertAfter(obj_next); 
        obj_li.find(".uploading-tip").css({"height": 0}); 
    } 
}
获取第一张图片(封面)和所有上传的图片
function getPics() { 
    var pics = ""; 
    $("#ul_pics").find(".img_common").each(function() { 
        pics += $(this).attr("src") + ","; 
    }) 
    var logo = ""; 
    if ($("#ul_pics").find(".img_common").length > 0) { 
        logo = $("#ul_pics").find(".img_common").eq(0).attr("src"); 
    } 
    alert("第一张图片:" + logo + "\n\所有图片:" + pics) 
}
Ajax删除图片
function delPic(pic, file_id) { //删除图片 参数1图片路径  参数2 随机数 
    $.post("del.php", {pic: pic}, function(data) { 
        $("#" + file_id).remove(); 
        showUploadBtn(); 
    }) 
}

转载请说明出处
UE资源网 » 多图片上传支持排序左右移动和删除实例源码PHP

发表评论

欢迎 访客 发表评论

成为会员可下载全站资源!

查看演示 官网购买