头像

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

来源:http://www.sucaihuo.com/php/2889 素材火管理员 2017-09-01 17:55浏览(2749) 收藏

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

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

查看演示 下载资源: 96 下载资源 下载积分: 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();
    })
}
标签: 上传左右移动
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/php/2889.html
评论21
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 20楼
    04-30 09:18
    迷***路
    我研究研究,不知道能不能放到我的项目里面
  • 头像 19楼
    04-21 16:44
    小***鸟
    不错,有没有php后台参考下
  • 头像 18楼
    04-02 21:56
    小***鸟
    好像不错的样子,手机端可以用不
  • 头像 17楼
    01-26 10:09
    ah***ui
    看着很高大上,先试试
  • 头像 16楼
    01-14 09:40
    缔***者
    不错的源码,还是有借鉴之处的
  • 头像 15楼
    01-09 13:59
    づ***→
    找了很久,正需要这个
  • 头像 14楼
    01-08 10:17
    一***少
    太棒了, 正好需要这个功能
  • 头像 13楼
    12-20 13:21
    饮***渴
    学习学习
  • 头像 12楼
    12-10 12:42
    下***候
    学习学习
  • 头像 11楼
    12-06 21:25
    aa***a1
    比较适用。把图片预览做成不变形的就更好了
1 2