头像

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

来源:http://school.sxbd100.com/upload/230.html 代码交流管理员 2017-09-02浏览(946)

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

程序员,你不是一个人;网站开发QQ群:136483411  在线充值,或联系QQ 304534221直接充值

PHP多图片上传支持左右移动位置
分类:首页>>PHP/Mysql>>上传 阅读次数:947
查看演示 下载次数: 27

手机扫码访问:

下载资源 下载积分: 350

  向左移动图片

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

        }) 

    }


标签: 上传 左右 移动
声明:本文为原创文章,如需转载,请注明来源school.sxbd100.com并保留原文链接:http://school.sxbd100.com/upload/230.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>