欢迎来到天天文库
浏览记录
ID:34745294
大小:84.63 KB
页数:4页
时间:2019-03-10
《删除上传图片并且删除服务器里面的图片》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、kindeditor编辑上传图片删除并且删除服务器里面的图片一般来说有两种思路1,捕捉用户删除图片的动作,使用ajax发送url给服务器来删除,但是研究半天硬是找不到该事件,谁有思路要告诉我呀。2,本人煞费苦心想出来的(嘿嘿),不过也是一般人能想出来的。获取用户在编辑的时候被删除图片的路径并保存到隐藏域里面,提交表单的时候顺便删除这些不用的图片,一下客户端的js脚本语言。【客户端的js代码】KindEditor.ready(function(K){//声明3个数组//页面一打开的图片varoldimgsrc=[];//所有上传的图片varuploadi
2、mgsrc=[];//最后保存下来的图片varsaveimgsrc=[];//创建一个编辑器对象vareditor=K.create('textarea[name="content"]',{allowFileManager:false,items:['bold','italic','justifyleft','justifycenter','justifyright','image','fontsize','forecolor','hilitecolor','fontname','fullscreen'],//上传图片后触发的事件afterUpload
3、:function(url){uploadimgsrc.push(url.split('uploadfiles')[1]);},//保存新上传的图片路径afterCreate:function(){oldimgsrc=pickimg(editor.html());},//当编辑器失去焦点afterBlur:function(){//console.log(editor.items);saveimgsrc=pickimg(editor.html());//合并数组-4-varallimgsrc=oldimgsrc.concat(uploadimgsrc)
4、.concat(saveimgsrc);//删除相同的元素varuniq=newarr_uniq(allimgsrc);uniq.uniq();varresultimg=[];//如果没有上传新图片if(uploadimgsrc.length==0){//比较不同的元素resultimg=slectArray(allimgsrc,saveimgsrc);}else{resultimg=slectArray(allimgsrc,saveimgsrc);}//比较出页面一打开的图片和编辑完之后图片中不同路径的图片$('#delimg').html("");
5、for(varrinresultimg){if($('#delimg').size()==1){//隐藏域为delimg[],保存多个删除的图片路径$('#delimg').append('');}else{$('textarea[name="content"]').after('<
6、/span>');}}}});});//以上面需要使用到下面三个函数//返回编辑器里面非http的图片的内容functionpickimg(content){///(.?)/uploadfiles/(.?)/varre=/src="(.?)/uploadfiles/(.?)"/ig;arr=content.match(re);varar=[];vartmp='';for(variinarr){tmp=arr[i].split('uploadfiles')[1];-4-ar[i]=tmp.replace('"','');}returnar;}//
7、返回数组不相同的元素functionslectArray(a,b){varc=[];for(vari=0;i8、is.arr);for(vari=0;i
8、is.arr);for(vari=0;i
此文档下载收益归作者所有