php实时上传多张图片,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();

})

}