轻松记录您
灵感和创意

使用MarkDown富文本编辑器实现图片上传和截图上传

我们的富文本编辑器不能没有图片上传尤其是截图上传,下面我来教大家怎么实现MarkDown富文本编辑器截图上传和图片上传。
配置编辑器到html页
初始化需要配置图片上传
图片上传
截图上传功能添加
将剪切板中复制信息转换成一种base64格式字符串var base64 = event.target.result;//ajax上传图片
新一行的图片显示
图片上传错误
后台实现图片保存
(1)截图保存
传过来,如需保存可以备用
上传到服务器DateTime today = DateTime.Today;string md5 = CommonHelper.CalcMD5(spl[1]);string upFileName = md5 + “.” + getImgFormat;//生成随机文件名( System.Guid.NewGuid().ToString() )var pathStart = ConfigHelper.GetSectionValue(“FileMap:ImgPath”) + DateTime.Now.Year + “/” + DateTime.Now.Month + “/”;if (System.IO.Directory.Exists(pathStart) == false)//如果不存在新建
转成图片image.Save(filePath); // 将图片存到本地
(2)上传保存
传过来,如需保存可以备用
扩展名long fileSize = formFile.Length; //获得文件大小,以字节为单位string md5 = CommonHelper.CalcMD5(formFile.OpenReadStream());string newFileName = md5 + “.” + fileExt; //MD5加密生成文件名保证文件不会重复上传var pathStart = ConfigHelper.GetSectionValue(“FileMap:ImgPath”) + DateTime.Now.Year + “/” + DateTime.Now.Month + “/”;if (System.IO.Directory.Exists(pathStart) == false)//如果不存在新建

未经允许不得转载:坚果云Markdown编辑器 » 使用MarkDown富文本编辑器实现图片上传和截图上传
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍