試作 CKEditor 圖片選擇器 ( image upload )

之前的文章有分享過用 MongoDB 和 Asp.Net MVC 寫一個別人分享的 blog程式，裡面有用到 CKEditor (ASP.Net版)，因為需要上傳文件，所以也要用 CKFinder，但是我想要的是 google blogspot的方式，點選圖片按鈕時可以出現一個 dialog，可以上傳後再選擇或是從雲端選擇圖片，最重要的是要有多選，但基本的元件好像無法達到多選，所以想自己找出一個方法可以達成的。目前在多選的部份已經達到這樣的需求，作法如下

1. 要實作一個 plugin (如何實作請參考 Creating a Simple CKEditor Plugin (Part 1))
2. 實作的 plugin要有一個 dialog，dialog的 content要有一個 button，button要有attribute filebrowser (Adding File Manager to a Dialog Window)，這樣作的目的還是要使用 CKEditor本身可以開啟其它網頁作選擇圖片的功能，如果只用 dialog方式且用 pure javascript開發對我來說太困難了，我想使用 asp.net MVC來作 image picker，而且我想把圖片直接存在 MongoDB的 GridFS內。
3. 實作一個 asp.net MVC image picker網頁，要注意的是回傳值，請參考 File Browser API - Creating a Custom File Manager

試作的成果如下，接下來就要開發儲存圖片和選擇的這一段了