百度編輯器刪除舊的圖片

時間 2020-05-06

標籤百度編輯器刪除舊的圖片简体版

原文原文鏈接

第一步 (添加後臺刪除地址)javascript

打開 ueditor/net/config.jsoncss

添加參數html

/* 上傳圖片配置項 */
    'imageDelUrl' : '/Admin/Home/DelPic', //在線圖片管理刪除操做請求url //這一行是添加的
    "imageActionName": "uploadimage", /* 執行上傳圖片的action名稱 */
    "imageFieldName": "upfile", /* 提交的圖片表單名稱 */
    "imageMaxSize": 2048000, /* 上傳大小限制，單位B */

第二步增長js刪除方法java

放到ueditor/dialogs/image/image.html裏面json

//新增在線管理刪除圖片
        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');            
            }        
        }

第三步：app

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

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

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);

}

},

最後修改樣式post

編輯 ueditor/dialogs/image/image.cssthis

在末尾添加url

  /* 新增在線管理刪除圖片樣式*/
    #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);
            }

        }

轉載自： http://www.javashuo.com/article/p-vxilsbjo-d.html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。