素材牛VIP会员

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

 所属分类:PHP实例-上传

 浏览:4850次  评论:15次  更新时间:2017-07-03
牛币素材VIP可免积分下载
PHP多图片上传支持排序左右移动和删除
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述: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(); 
    }) 
}

讨论这个素材(15)回答他人问题或分享使用心得会奖励牛币

14***28  
2017年12月28日

路过牛币

回复
ta***wu  
2017年12月29日

路过牛币

回复
钱***服  
2018年03月08日

路过牛币

回复
放***子  
2018年04月09日

看看撒

回复
艺***技  
2018年05月17日

不错已经用上了!

回复
bi***og  
2018年06月25日

路过牛币

回复
bi***og  
2018年06月29日

看看撒

回复
bo***fa  
2018年08月14日

路过牛币

回复
超***c  
2018年09月26日

路过牛币

回复
wh***sy  
2018年10月25日

路过牛币

回复
vo***ca  
2018年11月20日

路过牛必

回复
维***哥  
2019年01月22日

先看看先

回复
零***落  
2019年06月24日

值得学习!!!!

回复
qq***03  
2020年06月29日

谢谢分享!!

回复
qq***20  
2022年06月04日

看着不错,更新下更强大

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:80 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)