ASP配置KindEditor 图片空间文件增加删除文件、文件夹功能

一、修改后效果图:

二、步骤1:修改 default.css 缺省样式表

1、打开缺省样式表或自己引用的样式表( 原始文档默认路径为:kindeditor路径themesdefaultdefault.css );

2、修改样式:.ke-plugin-filemanager-body 、 .ke-plugin-filemanager-body .ke-item 、 .ke-plugin-filemanager-body .ke-photo 为以下代码:

/*

.ke-plugin-filemanager-body {

overflow: scroll;

background-color:#FFFFFF;

border-color: #848484 #E0E0E0 #E0E0E0 #848484;

border-style: solid;

border-width: 1px;

width: auto;

height: 370px;

padding: 5px;

}

.ke-plugin-filemanager-body .ke-item {

width: 100px;

margin: 5px;

}

.ke-plugin-filemanager-body .ke-photo {

border: 1px solid #DDDDDD;

background-color:#FFFFFF;

padding: 10px;

}

*/

.ke-plugin-filemanager-body { overflow: scroll; background-color:#FFFFFF; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-style: solid; border-width: 1px; width: auto; height: 370px; padding: 5px; position:relative; } 

.ke-plugin-filemanager-body .ke-item { width: 90px; margin: 10px; } 

.ke-plugin-filemanager-body .ke-photo { border: 1px solid #DDDDDD; background-color:#FFFFFF; padding: 6px; position:relative; }

三、步骤2:拷贝按钮图片至文件管理插件 filemanager 的图片目录 images

将下面的【引用按钮】、【删除按钮】、【打开文件夹按钮】三个图片(也可以自行设计)拷贝至【文件管理插件】的【images】目录( 原始文档默认路径为:kindeditor路径editorpluginsfilemanagerimages)。

四、步骤3:修改文件管理插件 JS 文件: filemanager.js 

1、打开 filemanager.js 文件( 原始文档默认路径为:kindeditor路径editorpluginsfilemanagerfilemanager.js )。

2、将函数 function bindEvent(el,result,data,createFunc) 修改如下:

function bindEvent(el,createFunc) {

var fileUrl = K.formatUrl(result.current_url + data.filename,'absolute'),

dirPath = encodeURIComponent(result.current_dir_path + data.filename + '/'),

Element_Select=(viewTypeBox.val()=='VIEW')?(Element_Select=el.children().eq(0)):(Element_Select=el);

if (data.is_dir) {

Element_Select.click(function(e) {

reloadPage(dirPath,orderTypeBox.val(),createFunc); //单击文件夹

});

} else if (data.is_photo) {

Element_Select.click(function(e) {

clickFn.call(this,fileUrl,data.filename); //单击图片

});

} else {

Element_Select.click(function(e) {

clickFn.call(this,data.filename); //单击其他文件

});

}

elList.push(el);

}

3、将函数 function createView(result) 修改如下:

function createView(result) {

createCommon(result,createView);

var fileList = result.file_list;

for (var i = 0,len = fileList.length; i < len; i++) {

var data = fileList[i],

div = K('<div class="ke-inline-block ke-item"></div>');

bodyDiv.append(div);

var AltTxt=data.is_dir?"打开文件夹:":"引用文件:",

AltIco=data.is_dir?"open.png":"quote.png",

IsDirYN=data.is_dir?"D":"F",

CurFileUrl=K.formatUrl(result.current_url+data.filename,

QuoteIcon="<img class='QuoteBtn' src='"+imgPath+AltIco+"' width:30px;height:30px;position:absolute;top:30px;right:30px;display:none;' alt='"+AltTxt+CurFileUrl+"' title='"+AltTxt+CurFileUrl+"' />",//定义引用按钮样式

DeleteIcon="<img class='DeleteBtn' src='"+imgPath+"delete.png' width:30px;height:30px;position:absolute;top:-15px;right:-15px;display:none;' alt='删除:"+CurFileUrl+"' title='删除:"+CurFileUrl+"' DeUrl='"+CurFileUrl+"' IsFrd='"+IsDirYN+"' />"; //定义删除按钮样式

var photoDiv = K('<div class="ke-inline-block ke-photo">'+QuoteIcon+DeleteIcon+'</div>') //图片DIV

.mouseover(function(e) {

K(this).addClass('ke-on');

K(this).children().eq(0).css('display','block'); //显示引用按钮

K(this).children().eq(1).css('display','block'); //显示删除按钮

})

.mouseout(function(e) {

K(this).removeClass('ke-on');

K(this).children().eq(0).css('display','none'); //隐藏引用按钮

K(this).children().eq(1).css('display','none'); //隐藏删除按钮

});

div.append(photoDiv);

var fileUrl = result.current_url + data.filename,

iconUrl = data.is_dir ? imgPath + 'folder-64.gif' : (data.is_photo ? fileUrl : imgPath + 'file-64.gif'),

filesiz = data.is_dir ? '' : '  ('+ Math.ceil(data.filesize/1024) + 'KB)'; //文件尺寸

var img = K('<img src="' + iconUrl + '" width="80" height="80" alt="' + data.filename + filesiz + '" title="' + data.filename + filesiz + '" />');

if (!data.is_dir || data.has_file) {

photoDiv.css('cursor','pointer');

bindTitle(photoDiv,data);

bindEvent(photoDiv,createView);

} else {

photoDiv.attr('title',lang.emptyFolder);

}

photoDiv.append(img);

div.append('<div class="ke-name" title="' + data.filename + '">' + data.filename + '</div>');

}

//增加删除代码

K(".DeleteBtn").click(function(){

var $this=K(this),

CrrentDelUrl=$(this).attr("DeUrl");

CurrentIsDir=$(this).attr("IsFrd");

if (!confirm("确定删除:"+CrrentDelUrl+"?")){return false}

$.post("/action/Del_Run.asp",{"Active":"DeleteFileDir","DeleteFileDirUrl":CrrentDelUrl,"IsFileDir":CurrentIsDir},function(data){

if(data=="succeed"){

alert("删除成功("+data+")!");

$this.parent().next().remove();

$this.parent().remove();

}else if(data=="nologin"){

alert("请重新登录("+data+")!");

}else{

alert("删除失败("+data+")!");

}

});

});

}

五、步骤4:根据自己所使用的程序语言编写文件删除程序,此例中为 Del_Run.asp 文件。

以ASP为例,删除文件及文件夹基本语法为:

<% 

OutStau="fail"      '定义输出字符

DelFileName=request.Form("DeleteFileDirUrl")           '文件或文件夹相对路径'        //获取需删除的文件或文件夹相对路径,如:img/test.jpg、img/20141215

DelFileType=request.Form("IsFileDir")

set fso=Server.CreateObject("Scripting.FileSystemObject")

ObjFileMap=server.Mappath(DelFileName)

'删除文件夹

if DelFileType="D" and fso.FolderExists(ObjFileMap) then

    fso.DeleteFolder(ObjFileMap)

    if err.number=0 then OutStau="succeed" end if

end if

'删除文件

If DelFileType="F" and fso.FileExists(ObjFileMap) Then

    fso.DeleteFile(ObjFileMap)

    if err.number=0 then OutStau="succeed" end if

end if

Set fso=nothing

'输出数据

Response.Write OutStau

 %>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


数组的定义 Dim MyArray MyArray = Array(1‚5‚123‚12‚98) 可扩展数组 Dim MyArray() for i = 0 to 10
\'参数: \'code:要检测的代码 \'leixing:html或者ubb \'nopic:代码没有图片时默认值
演示效果: 代码下载: 点击下载
环境:winxp sp2 ,mysql5.0.18,mysql odbc 3.51 driver 表采用 myisam引擎。access 2003  不同的地方: 
其实说起AJAX的初级应用是非常简单的,通俗的说就是客户端(javascript)与服务端(asp或php等)脚本语言的数据交互。
<% ’判断文件名是否合法 Function isFilename(aFilename)  Dim sErrorStr,iNameLength,i  isFilename=TRUE
在调用的时候加入判断就行了. {aspcms:navlist type=0 } {if:[navlist:i]<6} < li><a href=\"[navlist:link]\" target=\"_top\">[navlist:name]</a> </li>
导航栏调用 {aspcms:navlist type=0}     <a href=\"[navlist:link]\">[navlist:name]</a>
1.引入外部文件: {aspcms:template src=infobar.html} 2.二级下拉菜单 <ul class=\"nav\">
downpic.asp页面:  <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
Cookies是数据包,可以让网页具有记忆功能,在某台电脑上记忆一定的信息。Cookies的工作原理是,第一次由服务器端写入到客户端的系统中。以后每次访问这个网页,都是先由客户端将Cookies发送到服务器端,再由服务器端
很简单,在需要调用的地方用这种模式 {aspcms:content sort={aspcms:sortid} num=17 order=isrecommend}
网站系统使用ACCESS数据库时,查询时怎么比较日期和时间呢?为什么常常比较出来却是错误的呢?比如早的日期比迟的日期大?
str1=\"1235,12,23,34,123,21,56,74,1232\" str2=\"12\" 问题:如何判断str2是否存在str1中,要求准确找出12,不能找出str1中的1235、123、1232
实例为最新版本的kindeditor 4.1.5. 主要程序: <% Const sFileExt=\"jpg|gif|bmp|png\" Function ReplaceRemoteUrl(sHTML,sSaveFilePath,sFileExt)
用ASP实现搜索引擎的功能是一件很方便的事,可是,如何实现类似3721的智能搜索呢?比如,当在搜索条件框内输入“中国人民”时,自动从中提取“中国”、“人民”等关键字并在数据库内进行搜索。看完本文后,你就可以发
首先感谢ASPCMS官网注册用户xing0203的辛苦付出!一下为久忆YK网络转载原创作者xing0203的文章内容!为了让小白更加清楚的体验替换过程,久忆YK对原文稍作了修改!
数据库连接: <% set conn=server.createobject(\"adodb.connection\") conn.open \"driver={microsoft access driver (*.mdb)};dbq=\"&server.mappath(\"数据库名\")
第1步:修改plugins下的image/image.js 找到\'<input type=\"button\" class=\"ke-upload-button\" value=\"\' + lang.upload + \'\" />\',
asp函数: <% Const sFileExt=\"jpg|gif|bmp|png\" Function ReplaceRemoteUrl(sHTML,sSaveFilePath,sFileExt)