PHP仿微信多图预览上传功能
时间：2023-04-02 18:58:51
HTML
PHP仿微信多图预览下载演示地址：http://www.erdangjiade.com/js...制作图片区，上传按钮#btn可以替换你想要的图片【html】viewplaincopyCODE切片查看代码派生到我的代码片>pluploadupload[javascript]viewplaincopyViewcodesliceonCODE派生到我的代码片varuploader=newplupload.Uploader({//Createinstanceconstructorruntimes:'html5,flash,silverlight,html4',//的优先顺序上传插件初始化方式browse_button:'btn',//上传按钮url:"ajax.php",//远程上传地址flash_swf_url:'plupload/Moxie.swf',//flash文件地址silverlight_xap_url:'plupload/Moxie.xap',//silverlight文件地址过滤器:{max_file_size:'10mb',//最大上传文件大小(格式100b,10kb,10mb,1gb)mime_types:[//允许文件上传类型{title:"files",extensions:"jpg,png,gif,jpeg"}]},multi_selection:true,//true:ctrl多文件上传,false单文件上传init:{FilesAdded:function(up,files){//文件上传前if($("#ul_pics").children("li").length>30){alert("你上传的图片太多了！");上传者.destroy();}else{varli='';plupload.each(files,function(file){//遍历文件li+="0%
";});$("#ul_pics").prepend(li);上传器.start();}},UploadProgress:function(up,file){//上传，显示进度条varpercent=file.percent;$("#"+file.id).find('.bar').css({"width":percent+"%"});$("#"+file.id).find(".percent").text(percent+"%");},FileUploaded:function(up,file,info){//文件上传成功时触发vardata=eval("("+info.response+")");//解析返回的json数据$("#"+file.id).html("
");//添加图片},Error:function(up,err){//上传错误时触发警报（错误消息）；}}});上传者.init();ajaxdeleteuploadedpictures[javascript]viewplaincopyviewcodesliceonCODEderivedtomycodeslicefunctiondelPic(pic,file_id){//删除图片参数1图片路径参数2随机数if(confirm("Areyousureyouwant删除？”)){$.post("del.php",{pic:pic},function(data){$("#"+file_id).remove()})}}
