建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > Dreamweaver教程 >

给fckeditor文本编辑器增加图片删除功能

更新时间:2017-04-19整理编辑:建站学习网阅读:0

  在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';
}
?>
 

本文网址:https://www.dedexuexi.com/wysj/dw/3029.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
在Dreamweaver中实现flash的透明背景
« 上一篇2017年04月19日
用dreamweaver制作滚动字幕
2017年04月19日下一篇 »
  • Dreamweaver CS5-HTML简介
    0阅读
    1.什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了自己的语法规则,用来表示比“文本“更丰富的意义,比如图片,表格,链接等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部...
  • Dreamweaver文档编辑
    0阅读
    快捷键可以提高我们平时的工作效率,今天小编为大家介绍一下dreamweaver中文档编辑快捷键。
  • 色彩模式介绍
    0阅读
    在图象和图形处理软件中,通常都使用了HSB、RGB、Lab及CMYK几种色彩模型,并且具有多种色彩模式,用来反映不同的色彩范围,其中许多模式能用对应的命令相互转换。 (一) HSB模型 基于人类对色
  • Dreamweaver教程:用dw制作图片浏览器
    0阅读
    如图所示,在很多地方我们都看到过这样的图片展示效果 ,通过点击下方的缩略图来展示不同的图片,今天我们就是要来做一下这个效果,其实方法很简单,就是给缩略图添加一个交换图像的
  • DreamweaverMX2004打造留言本详解
    0阅读
    一、IIS(Internet 信息服务)安装配置 这里以Windows Server 2003(以下简称Win2003)为例。因为Win2003是服务器级的操作系统,所以自带有IIS6.0,其它版本的系统可以在添加或删除程序添加/删除Windows组件对
 
QQ在线咨询