博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
php版给UEditor的图片在线管理栏目增加图片删除功能
阅读量:5105 次
发布时间:2019-06-13

本文共 6871 字,大约阅读时间需要 22 分钟。

1.找到uedior/dialogs/image/image.js文件,Add为修改部分的代码:

/** * tab点击处理事件 * @param tabHeads * @param tabBodys * @param obj*/function clickHandler(tabHeads, tabBodys, obj) {    //head样式更改    for (var k = 0,    len = tabHeads.length; k < len; k++) {        tabHeads[k].className = "";    }    obj.className = "focus";    //body显隐    var tabSrc = obj.getAttribute("tabSrc");    for (var j = 0,    length = tabBodys.length; j < length; j++) {        var body = tabBodys[j],        id = body.getAttribute("id");        body.onclick = function() {            this.style.zoom = 1;        };        if (id != tabSrc) {            body.style.zIndex = 1;        } else {            body.style.zIndex = 200;            //当切换到本地图片上传时,隐藏遮罩用的iframe            if (id == "local") {                toggleFlash(true);                maskIframe.style.display = "none";                //处理确定按钮的状态                if (selectedImageCount) {                    dialog.buttons[0].setDisabled(true);                }            } else {                toggleFlash(false);                maskIframe.style.display = "";                dialog.buttons[0].setDisabled(false);            }            var list = g("imageList");            list.style.display = "none";            //切换到图片管理时,ajax请求后台图片列表            if (id == "imgManager") {                list.style.display = "";                //已经初始化过时不再重复提交请求                if (!list.children.length) {                    ajax.request(editor.options.imageManagerUrl, {                        timeout: 100000,                        action: "get",                        onsuccess: function(xhr) {                            //去除空格                            var tmp = utils.trim(xhr.responseText),                            imageUrls = !tmp ? [] : tmp.split("ue_separate_ue"),                            length = imageUrls.length;                            g("imageList").innerHTML = !length ? "  " + lang.noUploadImage: "";                            for (var k = 0,ci; ci = imageUrls[k++];) {                                //Add Start===============================                                 var div = document.createElement("div");                                var img = document.createElement("img");                                var del = document.createElement("img");                                var p = document.createElement("p");                                div.appendChild(img);                                div.appendChild(p);                                p.appendChild(del);                                div.style.display = "none";                                img.style.height = "100px";                                img.style.width = "100px";                                del.setAttribute("src", "images/del.png");                                p.style.marginTop = "-104px";                                p.style.marginLeft = "90px";                                g("imageList").appendChild(div);                                img.onclick = function() {                                    changeSelected(this);                                };                                del.onclick = function() {                                    var me = this,                                    src = me.getAttribute("alt", 2);                                    var pic = me.parentNode.parentNode.childNodes[0];                                    if (!confirm("删除操作不可恢复,您确认要删除本图片么?")) return;                                    ajax.request(editor.options.imageManagerUrl, {                                        action: "del",                                        fileName: src.substr(src.lastIndexOf("/") + 1),                                        onsuccess: function(xhr) {                                            me.parentNode.parentNode.removeChild(pic);                                            me.parentNode.removeChild(me);                                        },                                        onerror: function(xhr) {                                            alert("服务器删除图片失败,请重试!");                                        }                                    });                                };                                //Add End================================ 									                                img.onload = function() {                                    this.parentNode.style.display = "";                                    var w = this.width,                                    h = this.height;                                    scale(this, 100, 120, 80);                                    this.title = lang.toggleSelect + w + "X" + h;                                    this.onload = null;                                };                                img.setAttribute(k < 35 ? "src": "lazy_src", editor.options.imageManagerPath + ci.replace(/\s+|\s+/ig, ""));                                img.setAttribute("title", editor.options.imageManagerPath + ci.replace(/\s+|\s+/ig, ""));                                img.setAttribute("width", "100px");                                img.setAttribute("height", "100px");                                del.onload = function() { //设置加载del图片时的样式                                    this.style = "border:0";                                    this.onload = null;                                };                                del.setAttribute("alt", editor.options.imageManagerPath + ci.replace(/\s+|\s+/ig, ""));                            }                        },                        onerror: function() {                            g("imageList").innerHTML = lang.imageLoadError;                        }                    });                }            }            if (id == "imgSearch") {                selectTxt(g("imgSearchTxt"));            }            if (id == "remote") {                $focus(g("url"));            }        }    }}
找到uedior/php/imageManager.php文件,增加以下内容:

if ($action == "del") {    $fileName = $_POST['fileName'];    foreach($paths as $path) {        $str1 = delfiles($fileName, $path);        break;    }}function delfiles($fileName, $path, &$files = array()) {    if (!is_dir($path)) return null;    $handle = opendir($path);    while (false !== ($file = readdir($handle))) {        if ($file != '.' && $file != '..') {            $path2 = $path.'/'.$file;            if (is_dir($path2)) {                delfiles($fileName, $path2, $files);            } else {                if (preg_match("/\.(gif|jpeg|jpg|png|bmp)$/i", $file)) {                    $path3 = str_replace('../../', '/static/', $path2);                    $fileImg = basename($path3);                    if ($fileImg == $fileName) {                        $is_del = unlink($path2);                    }                }            }        }    }}

转载于:https://www.cnblogs.com/moqiang02/p/4061262.html

你可能感兴趣的文章
关于TFS2010使用常见问题
查看>>
URL编码与解码
查看>>
剑指offer系列6:数值的整数次方
查看>>
poj2752 Seek the Name, Seek the Fame
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
我眼中的技术地图
查看>>
lc 145. Binary Tree Postorder Traversal
查看>>
android dialog使用自定义布局 设置窗体大小位置
查看>>
ionic2+ 基础
查看>>
[leetcode]Minimum Path Sum
查看>>
Aizu - 1378 Secret of Chocolate Poles (DP)
查看>>
IO流写出到本地 D盘demoIO.txt 文本中
查看>>
Screening technology proved cost effective deal
查看>>
mysql8.0.13下载与安装图文教程
查看>>