PHP仿微信多图片预览上传实例代码

生产图片区域，上传按钮#btn可替换自己想要的图片

rush:PHP;">

plupload上传

30) { alert("您上传的图片太多了！"); uploader.destroy(); } else { var li = ''; plupload.each(files,function(file) { //遍历文件 li += "

0%

"; }); $("#ul_pics").prepend(li); uploader.start(); } },UploadProgress: function(up,file) { //上传中，显示进度条 var percent = file.percent; $("#" + file.id).find('.bar').css({"width": percent + "%"}); $("#" + file.id).find(".percent").text(percent + "%"); },FileUploaded: function(up,file,info) { //文件上传成功的时候触发 var data = eval("(" + info.response + ")");//解析返回的json数据 $("#" + file.id).html("");//追加图片 },Error: function(up,err) { //上传出错的时候触发 alert(err.message); } } }); uploader.init();

ajax删除上传的图片

rush:PHP;"> function delPic(pic,file_id) { //删除图片 参数1图片路径 参数2 随机数 if (confirm("确定要删除吗？")) { $.post("del.PHP",{pic: pic},function(data) { $("#" + file_id).remove() }) } }

本文为原创文章，如需转载，请注明来源并保留原文链接：