zoukankan      html  css  js  c++  java
  • plupload如何删除一条数据

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

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

  • 相关阅读:
    .net ORM架构列表
    C#向win32程序窗口中的文本框设置指定文本
    C#串口通信总结
    MPF配置文件参数管理
    WF牛人们的资源
    BDD初步
    DevExpress 汉化(简单、实用、快速)
    WPF中的命令简述(Command)
    Devexpress汉化资源
    Silverlight架构列表
  • 原文地址:https://www.cnblogs.com/donchen/p/7390391.html
Copyright © 2011-2022 走看看