ajax php实现给fckeditor文本编辑器增加图片删除功能

'; } ``` 然后，在页面中引入外部的 Ajax 处理脚本。在合适位置（比如 `` 或文件末尾）添加： ```html ``` --- ### 添加 Ajax 处理脚本 `ajaxdel.js` 新建一个 `ajaxdel.js` 文件，放在服务端对应的 `js` 目录下。核心逻辑是：生成随机数避免缓存，然后通过 XMLHttpRequest 向 `ajaxpic.php` 发送 GET 请求，根据返回结果提示成功或失败。 ```ja vascript //******************************** 图片删除功能 ****************************************** 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('删除失败!'); }//刷新一下 } ``` --- ### 创建 PHP 后端处理文件 `ajaxpic.php` 最后，在服务端根目录下创建 `ajaxpic.php`，接收 `filePath` 参数，使用 `unlink` 删除文件，并返回 `1` 或 `0` 表示结果。 ```php ``` --- ### 使用说明 - 修改完成后，刷新 FCKeditor 文件浏览器页面，在图片缩略图下方会出现“删除”链接。 - 删除操作会直接调用 Ajax 请求，成功后自动刷新当前文件列表，非常直观。 - 注意服务器端需要对 `ajaxpic.php` 做好权限控制，避免未授权用户通过构造路径删除任意文件。 这个方案没有引入额外的依赖库，纯原生 Ja vaScript + PHP 实现，兼容性良好，适合快速集成到现有项目中使用。