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

})

}

php实时上传多张图片,PHP实现多张图片上传预览功能相关推荐

创建文件、文件上传下载、发送邮件附件以及文件点击预览功能（超详细注解）
根据模板生成文件 @Overridepublic File exportStuFileExcelNew(Studengt student, Page<StuFile> page)throw ...
alert()的功能_前端实现简单的图片上传小图预览功能
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
利用jquery.form.js实现Ajax无刷新图片上传及预览功能
某些时候当我们做登记页面的时候可能需要上传图片,并实现即时预览的功能. 如果只是预览而不上传,可以使用ImagePreview来实现,方便简单.如果需要上传,那么你也可以使用uploadify无刷新上 ...
微信小程序实现图片是上传、预览功能
本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1.可以调用相机也可以从本地相册选择 2.本地实现 ...
java批量上传图片_JAVA图片批量上传JS-带预览功能
这篇文章就简单的介绍一个很好用的文件上传工具,批量带预览功能.直接贴代码吧,都有注释,很好理解. HTML页面 pageEncoding="UTF-8"%> 新增照片 var ...
JAVA实现一个图片上传预览功能
这个小项目主要使用java实现了一个简单的图片上传预览功能,废话不多说,先上实现成果 ^ _ ^
[html] 图片上传时实现本地预览功能的原理是什么？
[html] 图片上传时实现本地预览功能的原理是什么? 通过HTML5 File API读取用户上传的图片,生成一个image对象显示到页面个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容 ...
php单图上传并预览,JavaScript实现单图片上传并预览功能
本文实例为大家分享了JavaScript实现单图片上传并预览功能的具体代码,供大家参考,具体内容如下单图片上传并实现预览 /*上传图片*/ .addPerson{ line-height: 190p ...
js图片上传预览功能
最近项目中用到的图片上传前预览功能,兼容IE6-9,FF <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

php实时上传多张图片,PHP实现多张图片上传预览功能

php实时上传多张图片,PHP实现多张图片上传预览功能相关推荐

最新文章

热门文章