在MVC3中修改KindEditor实现上传图片到指定文件夹

KindEditor编辑器默认上传的图片文件夹，是根据系统时间自动生成的，图片是自动上传到这些文件夹里面，无法选择。如果要上传图片到指定文件夹，像相册一样管理图片，则需要扩展KindEditor编辑器。

一个相册实际上对应的就是一个文件夹，我们可以做一个表格来存放。本例为了简单，就不涉及到数据库了。

一、在控制器（defaultController)里编写action，获取文件夹列表，并序列化为JSON对象。

 public ActionResult album()
        {
            if (Request.IsAjaxRequest())
            {
                ArrayList list = new ArrayList();
                ArrayList a=new ArrayList(){"生活照","艺术照","精彩瞬间", "旅游"};
                foreach (var x in a)
                {
                    Hashtable ht = new Hashtable();
                    ht.Add("folderName", x);
                    list.Add(ht);
                }
                return Json(list, JsonRequestBehavior.AllowGet);

            }
            else
                return View();

        }

如果是存放在表格里面的，就更简单了，如表格为AlbumFolder(id,folderName)，则代码为

    public ActionResult album()
        {
            if (Request.IsAjaxRequest())
            {
                var list = db.AlbumFolder.ToList();
                return Json(list, JsonRequestBehavior.AllowGet);

            }
            else
                return View();

        }

二、修改image.js文件

打开目录kindeditor/plugins/image/下的image.js文件，在

clickFn = options.clickFn;

这句代码的后面，添加一些代码，变为

    clickFn = options.clickFn;
        $.post('/default/album', function (data) {
            $.each(data, function (i, item) {
                $("<option></option>").val(item["folderName"]).text(item["folderName"]).appendTo($("#folder"));
            });
        });

然后找到

'<input type="button" class="ke-upload-button" value="' + lang.upload + '" />',

这个地方，后下面添加

'<label style="60px;">上传到:</label>',
            '<select name="folder" id="folder"></select>',

三、修改upload_json.ashx文件

打开目录kindeditor/asp.net/下的upload.json.ashx文件，

找到

String ymd = DateTime.Now.ToString("yyyyMMdd", DateTimeFormatInfo.InvariantInfo);
           dirPath += ymd+"/";
        saveUrl += ymd + "/";

这个地方，将之替换成

string  imageFolder = context.Request.Form["folder"];
        dirPath += imageFolder+"/";
        saveUrl += imageFolder + "/";

大功告成，刷新试试吧！