在线涂改图片 php,php UEditor如何实现删除图片功能

2022-10-04 16:30:52 浏览数 (2)

大家好,又见面了,我是你们的朋友全栈君。

php ueditor删除图片的实现方法:首先找到“uedior/dialogs/image/image.js”文件并修改Add内容;然后打开“mageManager.php”文件并添加内容为“function delfile()”即可。

php版给UEditor的图片在线管理栏目增加图片删除功能

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://javaforall.cn/196384.html原文链接:https://javaforall.cn

0 人点赞