1. 程式人生 > >plupload如何刪除一條數據

plupload如何刪除一條數據

ole 註意 += fun sadd 描述 del 錯誤 發現

FilesRemoved用了發現不成功,刪除圖片這麽重要怎能如此

看到老外提的另一個問題發現這個問題解決辦法,特此備註以供不會的童鞋參考

uploader.bind(‘FilesAdded‘, function(up, files) {
    for (var i in files) {
        console.log("###"+i);
        $(‘file_list‘).innerHTML += ‘<div class="pic_list" id="‘ + files[i].id + ‘">‘ + files[i].name + ‘ (‘ + plupload.formatSize(files[i].size) + ‘) 
        <b class="pic_delete" data-val=‘+files[i].id+‘>刪除</b><b><input type=text class="lable_describe pic_‘ + files[i].id +‘" placeholder="圖片描述..."></b></div>‘;
    }    
});

這是圖片添加時會自動調用的部分

在這裏我用到了一個刪除菜單,把files[i].id賦給它

然後用jQuery來處理,註意,jQuery和這個插件會沖突的,做好處理,我這裏就不詳述了

處理的jQuery代碼如下

	$(document).on(‘click‘,‘.pic_list b.pic_delete‘,function(){
		$(this).parent().remove();
		//uploader.removeFile($(this).attr("data-val"));
		var toremove = ‘‘;
		var id=$(this).attr("data-val");
		for(var i in uploader.files){
                 if(uploader.files[i].id === id){
                    toremove = i;
		    }
		}
		uploader.files.splice(toremove, 1);		
		console.log("XXX"+$(this).attr("data-val"));
	});

removeFile那樣調用不成功,不知為何,會有錯誤

這樣就可以刪除掉不用上傳的圖片了

另外,再次添加的圖片,我發現file[i]這個i會從0開始

應該是多維數組了,以上代碼經多次測試,屢試不爽

plupload如何刪除一條數據