`

fckeditor文件上传后显示文件类型图标、短文件名、文件字节

阅读更多

以下所谓的行数可能和你的不同,版本2.6.4

1、editor\dialog\fck_link.htm
大约58行,找到<input id="txtUrl" style="WIDTH: 100%" type="text" onkeyup="OnUrlChange();" onchange="OnUrlChange();" />
在下面添加
<input id="txtSize" type="hidden" value="0" />

2、editor\dialog\fck_link\fck_link.js

a:大约826行
function SetUrl( url, sdiv )
{
GetE('txtUrl').value = url ;
OnUrlChange() ;
dialog.SetSelectedTab( 'Info' ) ;
}
修改为
function SetUrl( url, size, sdiv )
{
GetE('txtUrl').value = url ;
GetE('txtSize').value = size ;
OnUrlChange() ;
dialog.SetSelectedTab( 'Info' ) ;
}

b:大约637行
function Ok()下,在var sUri, sInnerHtml后增加", sSize",即var sUri, sInnerHtml, sSize ;
再往下找到
case 'url':
sUri = GetE('txtUrl').value ;
在下面添加
sSize= GetE('txtSize').value;
//如不想显示字节则屏蔽下一行
sSize= "&nbsp;&nbsp;[" + sSize + " byte]";

c:再往下大约734行,找到
if ( aHasSelection )
sInnerHtml = oLink.innerHTML ;
在下面添加如下几行
var aUrl = sInnerHtml.split("/");
var lUrl = aUrl.length;
var sName= aUrl[lUrl-1]; //取文件名.后缀名
//如果不想显示文件类型图标则屏蔽下面四行
var aExt = sInnerHtml.split(".");
var lExt = aExt.length;
var uImg = aExt[lExt-1] + ".gif" //取文件类型图标
var img  = "<img src='/Images/FileType/" + uImg + "' alt='' style='width:18px;height:18px;border:0;' />";
//如果不想显示文件类型图标则定义一个空的img
sInnerHtml = img + "&nbsp;&nbsp;" + sName + sSize;

3、editor\filemanager\connectors\asp\commands.asp

找到Sub FileUpload( resourceType, currentFolder, sCommand )
a:在该过程中找到
Dim sFileName, sOriginalFileName, sExtension
在后面添加, sFileSize

b:在该过程中继续找到
Set oFSO = Server.CreateObject( "Scripting.FileSystemObject" )
if not (oFSO.FolderExists( sServerDir ) ) then
sErrorNumber = "102"
else
' Get the uploaded file name.
sFileName    = oUploader.File( "NewFile" ).Name
sExtension    = oUploader.File( "NewFile" ).Ext
在下面添加
sFileSize   = oUploader.File( "NewFile" ).Size

c:在该过程中继续找到
sFileUrl = CombinePaths( sFileUrl, sFileName )
在下面添加
'显示上载结果
SendUploadResults sErrorNumber, sFileUrl, sFileName, "", sFileSize

4、editor\filemanager\connectors\asp\io.asp

' This is the function that sends the results of the uploading process.
Sub SendUploadResults( errorNumber, fileUrl, fileName, customMsg )
Response.Clear
Response.Write "<script type=""text/javascript"">"
' Minified version of the document.domain automatic fix script (#1919).
' The original script can be found at _dev/domain_fix_template.js
Response.Write "(function(){var d=document.domain;while (true){try{var A=window.parent.document.domain;break;}catch(e) {};d=d.replace(/.*?(?:\.|$)/,'');if (d.length==0) break;try{document.domain=d;}catch (e){break;}}})();"

Response.Write "window.parent.OnUploadCompleted(" & errorNumber & ",""" & Replace( fileUrl, """", "\""" ) & """,""" & Replace( fileName, """", "\""" ) & """,""" & Replace( customMsg , """", "\""" ) & """) ;"
Response.Write "</script>"
Response.End
End Sub
替换为
' This is the function that sends the results of the uploading process.
'显示上载结果
Sub SendUploadResults( errorNumber, fileUrl, fileName, customMsg, fileSize )
Response.Clear
Response.Write "<script type=""text/javascript"">"
' Minified version of the document.domain automatic fix script (#1919).
' The original script can be found at _dev/domain_fix_template.js
Response.Write "(function(){var d=document.domain;while (true){try{var A=window.parent.document.domain;break;}catch(e) {};d=d.replace(/.*?(?:\.|$)/,'');if (d.length==0) break;try{document.domain=d;}catch (e){break;}}})();"

Response.Write "window.parent.OnUploadCompleted(" & errorNumber & ",""" & Replace( fileUrl, """", "\""" ) & """,""" & Replace( fileName, """", "\""" ) & """,""" & Replace( customMsg , """", "\""" ) & """, " & fileSize & ") ;"
Response.Write "</script>"
Response.End
End Sub

以上修改完毕保存,上传文件后就会显示文件类型图标、短文件名、文件字节,遗憾的是全链接,不是只短文件名链接。

 
分享到:
评论

相关推荐

    FCKeditor文件上传漏洞及利用-File-Upload-Vulnerability-in-FCKEditor1

    【FCKeditor文件上传漏洞及利用 - File-Upload-Vulnerability-in-FCKEditor1】 本文主要探讨了FCKeditor(现称为CKeditor)中的PHP文件上传模块存在的安全漏洞,允许攻击者绕过文件类型检查,将恶意PHP代码上传到...

    fck实现文件上传并自定文件名和按日期存放位置

    在这个场景下,我们讨论的是如何利用FCKeditor实现文件上传,并自定义文件名和按日期存放位置。 首先,我们需要了解FCKeditor的文件管理器(FCKeditor File Manager)。文件管理器是FCKeditor中处理文件上传、浏览...

    fckEditor显示文件按日期时间排序

    上传文件包括“FredCK.FCKeditorV...于是在网上找关于“fckEditor显示文件按日期时间排序”的方法,却一直没有找到。只有自己动手更改文件了。 详情:http://blog.csdn.net/caihn1983/archive/2010/12/30/6107914.aspx

    为fckeditor添加多文件批量上传组件

    然而,原版的FCKeditor并不支持多文件批量上传,这对于需要处理大量图片或其他文件的用户来说,是一个明显的短板。本文将详细讲解如何为FCKeditor添加多文件批量上传组件,以实现多图上传的功能。 首先,我们需要...

    FCKeditor视频上传插件

    - **安全机制**:防止非法文件上传,如病毒或大文件导致服务器资源耗尽,需要设置文件类型检查和大小限制。 - **用户体验优化**:例如进度条显示、错误提示等,提升用户上传视频时的交互体验。 综上所述,FCKeditor...

    fckeditor文本编辑 实现了上传大小控制 中文名问题 格式控制等

    当用户上传包含中文的文件时,FCKeditor会自动将文件名转换为UTF-8编码的URL编码格式。在服务器端,你需要解码并正确保存文件名。例如,在Java中,可以使用`java.net.URLDecoder`类来解码: ```java String ...

    FCKEDITOR 常用上传方法

    以下是关于FCKEditor上传方法的详细说明: 1. **表单提交上传** 在FCKEditor 2.2版本中,文件上传通常通过HTML表单实现。例如: ```html ...

    FCKeditor添加删除上传文件(图片)的功能

    "FCKeditor添加删除上传文件(图片)的功能" FCKeditor 是一款功能强大的开源在线文本编辑器(DHTML editor),它使用户在 web 上可以使用类似微软 Word 的桌面文本编辑器的许多强大功能。添加删除上传文件(图片)的...

    FCKeditor 2.6.3网页编辑器最新版(PHP有选择本地文件上传的功能)

    5. **测试与使用**:保存所有设置后,刷新包含FCKeditor的网页,测试编辑器是否正常工作,包括文本编辑、格式化以及文件上传等功能。 在提供的压缩包文件中,`1786.gif`可能是一个示例图片,用于展示如何通过编辑器...

    FCKeditor添加FLV视频和上传文件自动更名

    FCKeditor(jsp版本)目录文件,FCKeditor.jar包,增加FCKeditor添加FLV视频功能和FCKeditor上传文件自动更名功能 1.修正了上传中文文件乱码的问题,上传之后会重命名文件 2.修正了不能上传FLV视频的问题

    fckeditor上传文件绝对路径设置方法

    在使用FCKEditor这款强大的富文本编辑器时,有时我们需要自定义上传文件的路径,使其成为绝对路径,以便更好地管理和访问资源。FCKEditor默认情况下,上传文件的路径通常是相对路径,这可能在多服务器环境或者需要...

    fckeditor文件及使用配置说明.rar

    5. **上传功能配置**:FCKeditor支持文件和图片上传,需要配置服务器端的上传处理程序。这通常涉及到服务器端语言(如PHP、ASP.NET、Java等)的编程,以接收并处理上传的文件。 6. **样式集**:可以通过`fckstyles....

    FCKeditor图片上传并显示

    修改文件径fckeditor--ditor--dialog--fck_image中的fck_image.js、fckconfig.js等等花时间琢磨一下. 其中还有我自己改写的公共类,带"image"标识的文件,希望大家都详细看看,改过的地方很多,就不例举了。希望大家...

    FCKeditor编辑器2.63(解决无法上传文件)

    这份文档可能涵盖了编辑器的基本设置,如路径配置、语言设定、上传文件的大小限制、文件类型控制等。正确配置这些参数对于编辑器的正常运行至关重要,同时也可以根据实际需求定制编辑器的行为。 "fckeditor"文件夹...

    给FCKEditor增加上传文件后提交文件路径、段落属性修改等功能

    2. **获取并显示文件路径**:当文件上传成功后,我们需要在编辑器中显示文件的路径。这可以通过监听FCKEditor的事件,如`OnAfterUpload`,并在事件回调中更新编辑器的内容,插入已上传文件的URL。 3. **提交文件...

    asp fckeditor自定义上传文件的文件名

    在ASP环境中,FCKEditor的文件上传功能是通过文件管理器(file manager)和其对应的连接器(connector)实现的,连接器是一个ASP脚本,负责处理文件上传的逻辑。在FCKEditor的安装目录下,有一个专门负责文件上传的...

    fckeditor编辑器上传文件(含视频音频)详细配置

    FCKeditor默认可以上传文件、图片、Flash和多媒体四种类型的文件,可以在SetConfig()中对AllowedTypes修改来增减允许的类型(这个类型可以在后面的TypeConfig["TypeName"]中定义,比如在AllowedExtensions属性中定制...

    fckeditor定制及上传中文文件问题

    通过以上步骤,通常可以解决FCKeditor上传中文文件的问题。对于定制FCKeditor,开发者可能需要熟悉其源码,根据实际需求修改编辑器的功能,比如添加新的按钮、改变样式或者扩展其功能以支持特定的文件格式。 总的来...

    fckeditor 批量图片上传

    服务器端处理完图片上传后,会返回一个响应,告知FCKeditor上传的结果。这个响应可以是JSON格式或其他结构化的数据,包含上传成功或失败的信息,以及新图片的URL。FCKeditor根据这个响应更新编辑器中的图片列表,...

Global site tag (gtag.js) - Google Analytics