PHP上传多图片支持左右移动位置_上传

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

查看演示下载资源：0次

手机扫码访问：

下载资源下载积分：360分

　　向左移动图片

    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(); 
        }) 
    }