資源描述:
《刪除上傳圖片并且刪除服務(wù)器里面的圖片》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、kindeditor編輯上傳圖片刪除并且刪除服務(wù)器里面的圖片一般來說有兩種思路1,捕捉用戶刪除圖片的動(dòng)作,使用ajax發(fā)送url給服務(wù)器來刪除,但是研究半天硬是找不到該事件,誰有思路要告訴我呀。2,本人煞費(fèi)苦心想出來的(嘿嘿),不過也是一般人能想出來的。獲取用戶在編輯的時(shí)候被刪除圖片的路徑并保存到隱藏域里面,提交表單的時(shí)候順便刪除這些不用的圖片,一下客戶端的js腳本語言?!究蛻舳说膉s代碼】KindEditor.ready(function(K){//聲明3個(gè)數(shù)組//頁面一打開的圖片varoldimgsrc=[];//所有上傳的圖片varuploadi
2、mgsrc=[];//最后保存下來的圖片varsaveimgsrc=[];//創(chuàng)建一個(gè)編輯器對象vareditor=K.create('textarea[name="content"]',{allowFileManager:false,items:['bold','italic','justifyleft','justifycenter','justifyright','image','fontsize','forecolor','hilitecolor','fontname','fullscreen'],//上傳圖片后觸發(fā)的事件afterUpload
3、:function(url){uploadimgsrc.push(url.split('uploadfiles')[1]);},//保存新上傳的圖片路徑afterCreate:function(){oldimgsrc=pickimg(editor.html());},//當(dāng)編輯器失去焦點(diǎn)afterBlur:function(){//console.log(editor.items);saveimgsrc=pickimg(editor.html());//合并數(shù)組-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){//隱藏域?yàn)閐elimg[],保存多個(gè)刪除的圖片路徑$('#delimg').append('');}else{$('textarea[name="content"]').after('<
6、/span>');}}}});});//以上面需要使用到下面三個(gè)函數(shù)//返回編輯器里面非http的圖片的內(nèi)容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、返回?cái)?shù)組不相同的元素functionslectArray(a,b){varc=[];for(vari=0;i8、is.arr);for(vari=0;i