LoT.UI汇总：
上次说的是强大的百度编辑器 这次说下简洁版而又不失功能的WangEditor
先看看效果
基本上常用功能都有了，下面说下完整的demo：
前端案例：
WangEditor
后端代码：（自己写的，如果有什么问题欢迎联系我）
////// 图片上传 /// ///public ContentResult Upload(HttpPostedFileBase file) { if (file == null) { return Content("error|文件不能为空"); } if (file.ContentLength > 10485760) { return Content("error|文件10M以内"); } //如果是上传文件，再添加其他格式即可 string filterStr = ".gif,.jpg,.jpeg,.bmp,.png"; string fileExt = Path.GetExtension(file.FileName).ToLower(); if (!filterStr.Contains(fileExt)) { return Content("error|文件后缀不对"); } //防止黑客恶意绕过，从根本上判断下文件后缀 if (!file.InputStream.CheckingExt()) { //todo：一次危险记录 return Content("error|文件后缀不对"); } //todo: md5判断一下文件是否已经上传过,如果已经上传直接返回 return Content(缩略图地址#sqlPath); string path = string.Format("{0}/{1}", "/lotFiles", DateTime.Now.ToString("yyyy-MM-dd")); string fileName = string.Format("{0}{1}", Guid.NewGuid().ToString("N"), fileExt); string sqlPath = string.Format("{0}/{1}", path, fileName); string dirPath = Request.MapPath(path); if (!Directory.Exists(dirPath)) { Directory.CreateDirectory(dirPath); } try { //todo：未来写缩略图的代码 file.SaveAs(Path.Combine(dirPath, fileName)); //todo: 未来写存数据库的Code } catch { return Content("error|文件保存失败"); } return Content(string.Format("{0}#{1}", sqlPath, sqlPath));//第一个sqlPath以后换成缩略图的地址 }
////// 判断扩展名是否是指定类型---默认是判断图片格式，符合返回true（没有释放stream，请手动：file.InputStream.Dispose();） /// eg：图片+压缩+文档："7173", "255216", "6677", "13780", "8297", "55122", "8075", "208207" /// eg：img，"7173", "255216", "6677", "13780" //gif //jpg //bmp //png /// eg：file,"8297", "55122", "8075", "208207" //rar //7z //zip + 文档系列 /// /// 文件流 /// 文件扩展名 ///public static bool CheckingExt(this Stream stream, params string[] fileTypes) { if (fileTypes == null || fileTypes.Length == 0) { fileTypes = new string[] { "7173", "255216", "6677", "13780" }; } bool result = false; string fileclass = ""; #region 读取头两个字节 var reader = new BinaryReader(stream); byte[] buff = new byte[2]; try { reader.Read(buff, 0, 2);//读取每个文件的头两个字节 fileclass = buff[0].ToString() + buff[1].ToString(); } catch (System.Exception ex) { stream.Dispose(); reader.Dispose(); return false; } #endregion #region 校验 for (int i = 0; i < fileTypes.Length; i++) { if (fileclass == fileTypes[i]) { result = true; break; } } #endregion return result; }
完整demo：