当前位置 博文首页 > ajax php实现给fckeditor文本编辑器增加图片删除功能

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

    作者:admin 时间:2021-09-01 19:10

    工作需要需要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="#" onclick="OpenFile('' + ProtectPath(fileUrl) + '');return false;">选择</a>';
    // Get the file icon.
    var sIcon = oIcons.GetIcon(fileName);
    return '<div class="piclist"><img alt="" src="' + fileUrl + '" src2="images/icons/' + sIcon + '.gif" height="100" border="0"><p>' + sLink + ' <a href="#" mce_href="#" onclick="deleteFile('' + ProtectPath(fileUrl) + '');" style="color: #FF9933;" mce_style="color: #FF9933;"> 删除 </a></p></div>'

    }

    在加个
    <script type="text/javascript" src="/js/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';
    }
    ?>
    jsjbwy