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不允许图片说明，真的很抓狂...

1.