
' + sLink + ' 删除
';
}
```
然后,在页面中引入外部的 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 实现,兼容性良好,适合快速集成到现有项目中使用。
本文转载于:https://www.jb51.net/article/32682.htm 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。