CKEditor不借助CKFinder实现图片上传（.net版 ashx实现）

参考博客：http://blog.csdn.net/mydwr/article/details/8669594

本人版本：4.4.6

打开文件：ckeditor/plugins/image/dialogs/image.js

搜索内容：【c.config.image_previewText】，并删掉其后引号内的内容。

删除后格式：【c.config.image_previewText||""】。

与原文差异：原内容原文中是【b.config.image_previewText】，我这里是【c.config.image_previewText】，可能是版本不同的原因；原文中包括其后内容的包括号是单引号，我的版本是双引号，不影响使用。

修改影响：预览界面中杂乱的字符消失。

搜索内容：“upload”，并找到：【id:"Upload",hidden:!0】。

替换内容：将hidden的值改为0。

与原文差异：原文hidden后的值是true，我这里是非0。

修改影响：编辑器图片界面的上传按钮及选项卡出现。

打开文件：ckeditor/config.js文件

在配置的最后添加一条【config.filebrowserImageUploadUrl = "【ashx上传处理页面路径】";】

如果只是进行以上的设置的话，在图片上传完毕之后，会提示【缺少图像源文件地址】。

为了使其正常运行，则需要在图片上传成功的返回值中添加script将图片地址输入预览当中。

代码如下【注意将uploadImages/替换为图片存储的文件夹，modifiedName替换为上传后存储的文件名】：

 context.Response.Write("<script type=\"text/javascript\">");
 context.Response.Write("window.parent.CKEDITOR.tools.callFunction(" + callbackNumber + ",'" + "uploadImages/" + modifiedName + "','')");
 context.Response.Write("</script>");

一定要将context.Response.ContentType设置为"text/html"，而不是默认的"text/plain"，返回的值才会是html代码而不是不能运行的纯字符串。

ashx上传处理页面如下【我的处理比较繁琐，各位可自行简化】：

 public class UploaderHandler : IHttpHandler
 {

     public void ProcessRequest(HttpContext context)
     {
         context.Response.ContentType = "text/html";

         //对文件进行校验
         if ( > context.Request.Files.Count)
         {
             ResponseWriteEnd(context, "<span style='color: red; font-size: 20px;'>*请选择上传文件！</span>");
             return;
         }
         else
         {
             HttpPostedFile _upfile = context.Request.Files[];
             string fileName = _upfile.FileName;
             string fileType = fileName.Substring(fileName.LastIndexOf(".") + ).ToLower();
             int imgLength = _upfile.ContentLength;//获取文件的字节大小  

             if (!(fileType.Equals("jpg") || fileType.Equals("png") || fileType.Equals("bmp") || fileType.Equals("gif")))
             {
                 ResponseWriteEnd(context, "<span style='color: red; font-size: 20px;'>*只能上传jpg/png/bmp/gif格式的图片！</span>"); //只能上传JPG格式图片
                 return;
             }
             else
             {
                 if (imgLength >  *  * )
                 {
                     ResponseWriteEnd(context, "<span style='color: red; font-size: 20px;'>*图片最大不能超过5M！</span>"); //图片不能大于5M
                     return;
                 }
                 else
                 {
                     try
                     {
                         // 构造简单的防重复文件名
                         string callbackNumber = context.Request.QueryString["CKEditorFuncNum"];
                         string modifiedName = DateTime.Now.ToString("yyyy_MM_dd_hh_mm_ss_") + fileName;
                         string savePathName = context.Server.MapPath("uploadImages/" + modifiedName);
                         _upfile.SaveAs(savePathName);
                         if (_upfile.InputStream != null)
                         {
                             _upfile.InputStream.Close();
                         }
                         // 上传结束后自动跳转到预览界面，并显示预览
                         context.Response.Write("<script type=\"text/javascript\">");
                         context.Response.Write("window.parent.CKEDITOR.tools.callFunction(" + callbackNumber + ",'" + "uploadImages/" + modifiedName + "','')");
                         context.Response.Write("</script>");
                         ResponseWriteEnd(context, "<span style='font-size: 20px;'>上传成功！</span>"); //上传成功
                         return;
                     }
                     catch
                     {
                         ResponseWriteEnd(context, "<span style='color: red; font-size: 20px;'>服务器内部错误！</span>");
                         return;
                     }
                 }
             }
         }
     }

     public bool IsReusable
     {
         get
         {
             return false;
         }
     }

     private void ResponseWriteEnd(HttpContext context, string message)
     {
         context.Response.Write(message);
         context.Response.End();
     }
 }