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