xheditor圖片上傳

不知道爲什麼csdn博客把上傳圖片的功能給禁掉了，好像說此功能正在審查......

不過csdn的html在線編輯器也是xheditor，這個插件是非常好用，當你寫一件事情，如果不能使用圖片是很難形容準確的，xheditor的官網已經解釋的很清楚了，具體使用方法見http://xheditor.com/manual/1#chapter4，如果要在文章中添加圖片，首先要選擇圖片，把圖片上傳的服務器，服務器接到圖片後 保存圖片，然後將保存的地址response回來，只不過response的是通過json的方式，以下是插入圖片的簡單步驟：

1. html代碼：<textarea id="editor" cols="100" rows="30" ></textarea>其中的id可隨意定義。
2. 初始化textarea 元素，var editor = $("#editor").xheditor({upImgUrl:"doUpImg.aspx"});
   注意2個id一定要一致。
3. 服務器腳本：
   要返回json那就先定義個json吧

         public class json { public string err { get; set; } public string msg { get; set; } }
         //注意這裏2個屬性必須一模一樣，因爲JavaScriptSerializer序列化後和屬性名大小寫一致，js也是大小寫一致的呀

         以下代碼在doUpImg.aspx頁面：

            string fileName = Request.Files[0].FileName;
            fileName = fileName.Substring(fileName.LastIndexOf('\\') + 1);//經過調試一般直接拿出Files[0]即可，因爲第0個元素已經沒有了路徑。
            Request.Files[0].SaveAs(Server.MapPath("uploadimg\\" + fileName));
            json tem = new json() { err = "", msg = "uploadimg\\" + fileName };
            string t = new JavaScriptSerializer().Serialize(tem);
            Response.Write(t);

 

另外xheditor有時候不能用鼠標選擇，還必須用shift + 上下箭頭選擇，悲哀呀
csdn不允許圖片說明，真的很抓狂...