plupload如何删除一条数据

Posted 2020-10-03 donchen-c

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开始

应该是多维数组了，以上代码经多次测试，屡试不爽