百度编辑器删除旧的图片

第一步 (添加后台删除地址)

打开 ueditor/net/config.json

添加参数

/* 上传图片配置项 */
    'imagedelurl' : '/admin/home/delpic', //在线图片管理删除操作请求url //这一行是添加的
    "imageactionname": "uploadimage", /* 执行上传图片的action名称 */
    "imagefieldname": "upfile", /* 提交的图片表单名称 */
    "imagemaxsize": 2048000, /* 上传大小限制，单位b */

第二步 增加js删除方法

放到ueditor/dialogs/image/image.html里面

//新增在线管理删除图片
        function uedel(path, id){
            if(confirm('您确定要删除它吗？删除后不可恢复！')){                     
                var url = editor.getopt('imagedelurl');   //重点是这句话 这句话可以将第一步添加的参数提取出来
                $.post(url,{'path':path},function(data){
                    if (data.state == 'success') {
                        alert(data.message);
                        $("#"+id).parent("li").remove();                   
                    }else{
                        alert(data.message);
                    }
                },'json');            
            }        
        }

第三步：

修改ueditor/dialogs/image/image.js文件（大约902行）

/* 添加图片到列表界面上 */

        pushdata: function (list) {

            var i, item, img, icon, _this = this,

                urlprefix = editor.getopt('imagemanagerurlprefix');

            for (i = 0; i < list.length; i++) {

                if(list[i] && list[i].url) {

                    item = document.createelement('li');

                    img = document.createelement('img');

                    icon = document.createelement('span');

 

                    //开始

                    del = document.createelement('a');

                    del.innerhtml = '删除';

                    domutils.addclass(del, 'del');

                    var delid = 'imagelist_' + i;

                    del.setattribute('id', delid);

                    del.setattribute('href', 'javascript:;');

                    del.setattribute('onclick', 'uedel("' + list[i].url + '","' + delid + '")');                   

                    //结束

 

                    domutils.on(img, 'load', (function(image){

                        return function(){

                            _this.scale(image, image.parentnode.offsetwidth, image.parentnode.offsetheight);

                        }

                    })(img));

                    img.width = 113;

                    img.setattribute('src', urlprefix + list[i].url + (list[i].url.indexof('?') == -1 ? '?nocache=':'&nocache=') + (+new date()).tostring(36) );

                    img.setattribute('_src', urlprefix + list[i].url);

                    domutils.addclass(icon, 'icon');

 

                    item.appendchild(img);

                    item.appendchild(icon);

                    //edit

                    item.appendchild(del); //为了把a标签加载进去

                    this.list.insertbefore(item, this.clearfloat);

                }

            }

        },

最后 修改样式

编辑 ueditor/dialogs/image/image.css

在末尾添加

  /* 新增在线管理删除图片样式*/
    #online li a.del {      
        width: auto;    
        position: absolute;
        top: 0;
        right: 0;
        color:#f00;
        background-color:#dddddd;
        opacity:0.8;
        filter:alpha(80);
        border: 0;   
        z-index:3;
        text-align:right;
        text-decoration:none;    
    }

 

最后贡献controller

[httppost]
        public actionresult delpic(string path) {
            string realpath = server.mappath("/content/ueditor/net/") + path; //这里能文件的真实获取路径
            dictionary<string,string> maps = new dictionary<string,string>();
            bool bl = system.io.file.exists(realpath);
            if (bl)
            {
                system.io.file.delete(realpath);
                maps.add("state", "success");
                maps.add("message", "删除完成");
                return json(maps);
            }
            else
            {
                maps.add("state", "error");
                maps.add("message", "删除失败");
                return json(maps);
            }

        }

转载自：