您现在的位置是:网站首页> 编程资料编程资料
asp.net core集成CKEditor实现图片上传功能的示例代码_实用技巧_
2023-05-24
316人已围观
简介 asp.net core集成CKEditor实现图片上传功能的示例代码_实用技巧_
背景
本文为大家分享了asp.net core 如何集成CKEditor ,并实现图片上传功能的具体方法,供大家参考,具体内容如下。
准备工作
1.visual studio 2019 开发环境
2.net core 2.0 及以上版本
实现方法
1、新建asp.net core web项目

2、下载CKEditor
这里我们新建了一个系统自带的样本项目,去 CKEditor官网下载一个版本,解压后拷贝大wwwroot中

3、增加图片上传控制器
@using CompanyName.ProjectName.Web.Host.Web.Model @model demock @{ ViewData["title"] = "富文本框"; Layout = "_SimpleTable"; } @section headers{ @**@ } @section scripts{ } ////// 富文本框 上传图片 /// ///[HttpPost] [IgnoreAuthorize] public IActionResult Ckupload() { uploadfile user = new uploadfile(); var files = Request.Form.Files; if (files == null || files.Count == 0) ViewBag.cc = "no file"; user.ShareImg = files[0]; var contentRoot = Directory.GetCurrentDirectory(); var webRoot = Path.Combine(contentRoot, "wwwroot"); var parsedContentDisposition = ContentDispositionHeaderValue.Parse(user.ShareImg.ContentDisposition); var originalName = parsedContentDisposition.FileName.ToString().Replace("\"", ""); var ext = Path.GetExtension(Path.Combine(webRoot, originalName)); // if (ext != ".jpg") // return Json(new { jsonrpc = "2.0", error = new { code = 101, message = "文件格式错误" }, id = "id" }); string gid = Guid.NewGuid().ToString(); var fileName = Path.Combine("upload", gid + ext); var fileName2 = "upload/" + gid + ext; using (var stream = new FileStream(Path.Combine(webRoot, fileName), FileMode.CreateNew)) { user.ShareImg.CopyTo(stream); } string output = @""; string url = "http://" + Request.Host.Value; output = string.Format(output, Request.Query["CKEditorFuncNum"], url + "/" + fileName2); ViewBag.cc = output; return View(); }
4、增加图片上传控制器注意返回是一个json对象,因此建了一个
简单的对象返回。
运行效果


源码地址
https://gitee.com/conanOpenSource_admin/CompanyName.ProjectName
到此这篇关于asp.net core集成CKEditor实现图片上传功能的示例代码的文章就介绍到这了,更多相关asp.net core CKEditor图片上传内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- ASP.NET Core中实现全局异常拦截的完整步骤_实用技巧_
- ASP.NET Core Controller与IOC结合问题整理_实用技巧_
- asp.net core webapi文件上传功能的实现_实用技巧_
- asp.net core中如何使用cookie身份验证_实用技巧_
- 把Dapper 换成 SqlSugar ORM类的方法详解_实用技巧_
- ASP.NET Core中如何利用多种方式给Action传参_实用技巧_
- Asp.net core中RedisMQ的简单应用实现_实用技巧_
- Asp.Net中的Action和Func委托实现_实用技巧_
- Asp.net Core 3.1基于AspectCore实现AOP实现事务、缓存拦截器功能_实用技巧_
- Excel自定义关闭按钮实现代码_实用技巧_
