js控件Kindeditor实现图片自动上传功能

function df() { var haspicContainer = document.getElementById("has_pic"); if (haspicContainer == null) {  haspicContainer = document.createElement("div");  haspicContainer.id = "has_pic";  haspicContainer.innerHTML = "<input type='text' id='piclist' value='' style='display:none;'/><div id='upload'><b>您有图片需要上传到服务器</b>  <a href='javascript:uploadpic();' >上传</a></div><div id='confirm'></div>";  $(".ke-toolbar").after(haspicContainer); } var img = $(".ke-edit-iframe").contents().find("img"); var piccount = 0; var sstr = ""; $(img).each(function (i) {  var that = $(this);  if (that.attr("src").indexOf("http://") >= 0 || that.attr("src").indexOf("https://") >= 0) {   piccount++;   if (i == $(img).length - 1)    sstr += that.attr("src");   else    sstr += that.attr("src") + "|";  } }); $("#piclist").val(sstr); document.getElementById("has_pic").style.display = (piccount > 0) ? "block" : "none";}function closeupload() { $("#has_pic").hide(); $("#upload").show();}function uploadpic() { var piclist = encodeURI($("#piclist").val()); if (piclist.length == 0) return false; $.ajax({  url: "asp.net/uploadpic.ashx",  data: "pic=" + piclist,  type: "GET",  beforeSend: function () {   $("#upload").hide();   $("#confirm").text("正在上传中...");  },  success: function (msg) {   if (msg !== "") {    var str = new Array();    str = msg.split('|');    var img = $(".ke-edit-iframe").contents().find("img");    $(img).each(function (i) {     var that = $(this);     if (that.attr("src").indexOf("http://") >= 0 || that.attr("src").indexOf("https://") >= 0) {      that.attr("src", "/uploads/image/" + str[i]);      that.attr("data-ke-src", "/uploads/image/" + str[i]);     }    });    $("#confirm").html(img.length + "张图片已经上传成功！  <a href='javascript:closeupload();'>关闭</a>");   }   else $("#confirm").text("上传失败！");  } });}

public class uploadpic : IHttpHandler{ public void ProcessRequest(HttpContext context) {  context.Response.ContentType = "text/plain";  string pic = context.Request.QueryString["pic"];  string[] arr = pic.Split('|');  string sstr = "";  UpLoadIMG st = new UpLoadIMG();  for (int i = 0; i < arr.Length; i++)  {   if (arr[i].IndexOf("http://") >= 0 || arr[i].IndexOf("https://") >= 0)   {    string std = st.SaveUrlPics(arr[i], "../../uploads/image/");    if (std.Length > 0)    {     if (i == arr.Length - 1)      sstr += std;     else      sstr += std + "|";    }   }  }  context.Response.Write(sstr); } public bool IsReusable {  get  {   return false;  } }}public class UpLoadIMG{ public string SaveUrlPics(string imgurlAry, string path) {  string strHTML = "";  string dirPath = HttpContext.Current.Server.MapPath(path);  try  {   if (!Directory.Exists(dirPath))   {    Directory.CreateDirectory(dirPath);   }   string ymd = DateTime.Now.ToString("yyyyMMdd", DateTimeFormatInfo.InvariantInfo);   dirPath += ymd + "/";   if (!Directory.Exists(dirPath))   {    Directory.CreateDirectory(dirPath);   }   string newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + imgurlAry.Substring(imgurlAry.LastIndexOf("."));   WebClient wc = new WebClient();   wc.DownloadFile(imgurlAry, dirPath + newFileName);   strHTML = ymd + "/" + newFileName;  }  catch (Exception ex)  {   //return ex.Message;  }  return strHTML; }}