手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >ajax php实现给fckeditor文本编辑器增加图片删除功能
ajax php实现给fckeditor文本编辑器增加图片删除功能
摘要:工作需要需要fck编辑器的服务器浏览加个图片删除的功能,我们利用ajaxphp实现的有需要的朋友可以参考下。在fckeditoreditor...

工作需要需要fck编辑器的服务器浏览加个图片删除的功能,我们利用ajax php实现的有需要的朋友可以参考下。

在fckeditoreditorfilemanagerbrowserdefault文件夹中找到frmresourceslist.html文件,修改代码如下

oListManager.GetFileRowHtml找到这里,下面代码替换原来的代码

复制代码 代码如下:

oListManager.GetFileRowHtml = function(fileName, fileUrl, fileSize) {

// Build the link to view the folder.

var sLink = '<a href="#" mce_href="#">选择</a>';

// Get the file icon.

var sIcon = oIcons.GetIcon(fileName);

return '<div><img alt="" src="' + fileUrl + '" src2="images/icons/' + sIcon + '.gif" height="100" border="0"><p>' + sLink + ' <a href="#" mce_href="#" mce_style="color: #FF9933;"> 删除 </a></p></div>'

}

在加个

<script type="text/javascript" src="http://www.jb51.netjs/ajaxdel.js"></script>

ajaxdel.js文件

复制代码 代码如下:

//******************************** 图片删除功能 ******************************************

var req; //定义变量,用来创建xmlhttprequest对象

//产生不重复的随机数

var rn = Math.ceil(Math.random() * 1000000);

var rnch = rn;

function rndnum() {

while (rn == rnch) rn = Math.ceil(Math.random() * 1000000);

rnch = rn;

return rn;

}

// 删除文件,Ajax开始

function deleteFile(file) {

var url = "/ajaxpic.php?filePath=" + escape(file) + "&UD=" + rndnum(); //要请求的服务端地址

if (window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本),用xmlhttprequest对象创建

{

req = new XMLHttpRequest();

}

else if (window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.

{

req = new ActiveXObject("Microsoft.XMLHttp");

}

if (req) //成功创建xmlhttprequest

{

req.open("GET", url, true); //与服务端建立连接(请求方式post或get,地址,true表示异步)

req.onreadystatechange = callback; //指定回调函数

req.send(null); //发送请求

}

}

function callback() {

if(req.responseText ==1 )

{

alert('删除成功!');

Refresh();

}

else

{

alert('删除失败!');

}//刷新一下

}

ajaxpic.php文件 保存成ajaxpic.php

复制代码 代码如下:

<?

$root = dirname( __FILE__ );

$filePath = isset( $_GET['filePath'] ) ?$_GET['filePath']:'';

if( unlink( $root.$filePath) )

{

echo '1';

}

else

{

echo '0';

}

?>

【ajax php实现给fckeditor文本编辑器增加图片删除功能】相关文章:

UEditor 编辑器跨域上传解决方法

KindEditor 编辑器 v3.5.1 修改版

配置fckeditor 实现图片的上传

Fckeditor编辑器内容长度限制统计实现方法

FckEditor 上传图片后图片变小了!问题解决

ThinkPHP中FCKeditor编辑器的使用方法

xhEditor编辑器入门基础

通过Fckeditor把图片上传到独立图片服务器的方法

fckeditor php上传文件重命名的设置

dedecms5.5 最新版ckeditor编辑器整合教程

精品推荐
分类导航