plupload如何刪除一條數據
阿新 • • 發佈:2017-08-18
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如何刪除一條數據