本项目是一个.net core的mvc项目

1.下载kindeditor 4.1.11 解压后将文件夹置于 wwwroot目录下，如图:

2.在HomeController的Index控制器对应的index视图输入一下代码:

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>我是管理员首页</title>

    @*首先要引入关键的两个js*@

    <script charset="utf-8" src="/kindeditor/kindeditor-all-min.js"></script>

    <script charset="utf-8" src="/kindeditor/lang/zh-CN.js"></script>

    @*创建KindEditor对象*@

    <script>

        KindEditor.ready(function (K) {

            K.create('#editor_id', {

                //注意kindeditor包里面自带的是一个ashx的一班处理程序 此处改为mvc的控制器方法

                uploadJson: '@Url.Action("KindeditorPicUpload", "KEUpload")',

                //fileManagerJson: '/kindeditor/asp.net/file_manager_json.ashx',

                allowFileManager: true

            });

        });

    </script>

</head>

<body>

    <div>管理从此开始</div>

    <form action="/home/index" method="post">

        <div>

            <textarea id="editor_id" name="content" style="width:700px;height:300px;">

            &lt;strong&gt;HTML内容&lt;/strong&gt;

            </textarea>

        </div>

        <div><input type="submit" value="提交" /></div>

    </form>

</body>

</html>

3.在以上代码中 使用到了KindeditorPicUpload控制的KEUpload用于处理文本编辑器里面的图片上传

下面是这个控制器代码:

using Microsoft.AspNetCore.Hosting;

using Microsoft.AspNetCore.Http;

using Microsoft.AspNetCore.Mvc;

using System.Collections.Generic;

using System.IO;

using System.Net.Http.Headers;

namespace Kdeditor.Start.Controllers

{

    public class KEUploadController : Controller

    {

        private IHostingEnvironment hostingEnv;

        public IActionResult Index()

        {

            return View();

        }

        public KEUploadController(IHostingEnvironment env)

        {

            this.hostingEnv = env;

        }

        /// <summary>

        /// Kindeditor图片上传

        /// </summary>

        /// <param name="imgFile">Kindeditor图片上传自带的命名，不可更改名称</param>

        /// <param name="dir">不可更改名称 这里没有用到dir</param>

        /// <returns></returns>

        public IActionResult KindeditorPicUpload(IList<IFormFile> imgFile, string dir)

        {

            //http://www.cnblogs.com/fireicesion/p/9490901.html

            //https://www.cnblogs.com/fishpro/p/how_upload_pic_with_kindeditor_for_asp_net_core.html

            //注意 如果是上传到本地这个文件夹子  那么事先必须创建这个文件夹

            PicUploadResponse rspJson = new PicUploadResponse() { error = , url = "/upload/" };

            long size = ;

            string tempname = "";

            foreach (var file in imgFile)

            {

                var filename = ContentDispositionHeaderValue

                                .Parse(file.ContentDisposition)

                                .FileName

                                .Trim('"');

                //获取每个图片的扩展名

                var extname = filename.Substring(filename.LastIndexOf("."), filename.Length - filename.LastIndexOf("."));

                //创建新的文件名 guid+扩展名

                var filename1 = System.Guid.NewGuid().ToString() + extname;

                tempname = filename1;

                var path = hostingEnv.WebRootPath;

                filename = hostingEnv.WebRootPath + $@"\upload\{filename1}";

                size += file.Length;

                using (FileStream fs = System.IO.File.Create(filename))

                {

                    file.CopyTo(fs);

                    fs.Flush();

                    //这里是业务逻辑

                }

            }

            rspJson.error = ;

            rspJson.url = $@"../../upload/" + tempname;

            return Json(rspJson);

        }

    }

    public class PicUploadResponse

    {

        public int error { get; set; }

        public string url { get; set; }

    }

}

注意这个方法由于是.net core的 所以跟.net framework的有很大区别。

这个代码如果在文本编辑器里上传图片 会将图片传入wwwroot目录下的upload目录中

done！

效果如下图:

在.net core的web项目中使用kindeditor的更多相关文章

  1. C# 动态创建SQL数据库（二） 在.net core web项目中生成二维码 后台Post/Get 请求接口 方式 WebForm 页面ajax 请求后台页面 方法 实现输入框小数多 自动进位展示，编辑时实际值不变 快速掌握Gif动态图实现代码 C#处理和对接HTTP接口请求

    C# 动态创建SQL数据库(二) 使用Entity Framework  创建数据库与表 前面文章有说到使用SQL语句动态创建数据库与数据表,这次直接使用Entriy Framwork 的ORM对象关 ...

  2. 在基于MVC的Web项目中使用Web API和直接连接两种方式混合式接入

    在我之前介绍的混合式开发框架中,其界面是基于Winform的实现方式,后台使用Web API.WCF服务以及直接连接数据库的几种方式混合式接入,在Web项目中我们也可以采用这种方式实现混合式的接入方式 ...

  3. 真分布式SolrCloud+Zookeeper+tomcat搭建、索引Mysql数据库、IK中文分词器配置以及web项目中solr的应用(1)

    版权声明:本文为博主原创文章,转载请注明本文地址.http://www.cnblogs.com/o0Iris0o/p/5813856.html 内容介绍: 真分布式SolrCloud+Zookeepe ...

  4. JAVA WEB项目中各种路径的获取

    JAVA WEB项目中各种路径的获取 标签: java webpath文件路径 2014-02-14 15:04 1746人阅读 评论(0) 收藏 举报  分类: JAVA开发(41)  1.可以在s ...

  5. Web 项目中分享到微博、QQ空间等分享功能

    Web 项目中分享到微博.QQ空间等分享功能 网上有很多的模板以及代码,但是有很多都不能分享内容,简单的测试了下: 以新浪微博为例,文本框中的内容是title属性,下面的链接是url属性,如果你的链接 ...

  6. 【Filter 不登陆无法访问】web项目中写一个过滤器实现用户不登陆，直接给链接，无法进入页面的功能

    在web项目中写一个过滤器实现用户不登陆,直接给链接,无法进入页面,而重定向到登陆界面的功能. 项目是用springMVC+spring+hibernate实现 (和这个没有多大关系) 第一步: 首先 ...

  7. java web项目中 获取resource路径下的文件路径

    public GetResource{ String path = GetResource.class.getClassLoader().getResource("xx/xx.txt&quo ...

  8. web项目中加入struts2、spring的支持，并整合两者

    Web项目中加入struts2 的支持 在lib下加入strut2的jar包 2. 在web.xml中添加配置 <filter> <filter-name>struts2< ...

  9. Java Web学习系列——Maven Web项目中集成使用Spring、MyBatis实现对MySQL的数据访问

    本篇内容还是建立在上一篇Java Web学习系列——Maven Web项目中集成使用Spring基础之上,对之前的Maven Web项目进行升级改造,实现对MySQL的数据访问. 添加依赖Jar包 这 ...

随机推荐

  1. Ehcache与Memcache的差别

    ehcache是纯java编写的.通信是通过RMI方式,适用于基于java技术的项目. memcachedserver端是c编写的.client有多个语言的实现,如c.php(淘宝.sina等各大门户 ...

  2. nodejs+express4.0+mongodb安装方法 for Linux, Mac

    废话不多说 1:下载nodejs包 下载地址例如以下:http://www.nodejs.org/download/ 下载source code版本号须要解压后到其文件夹运行./configure,然 ...

  3. js进阶 12-8 如何知道鼠标和键盘当前操作的是哪个键

    js进阶 12-8 如何知道鼠标和键盘当前操作的是哪个键 一.总结 一句话总结:event.which属性. 1.如何获取事件发生的时间? timeStamp属性 event.timeStamp 属性 ...

  4. Internet连接共享只能上qq不能打开网页的问题解决

    作者:朱金灿 来源:http://blog.csdn.net/clever101 之前我写过一篇<Windows共享上网的做法>,在设置共享网络时是有一个家庭网络连接的选项的,如下图: 但 ...

  5. HDU 1800 Flying to the Mars Trie或者hash

    http://acm.hdu.edu.cn/showproblem.php?pid=1800 题目大意: 又是废话连篇 给你一些由数字组成的字符串,判断去掉前导0后那个字符串出现频率最高. 一开始敲h ...

  6. Opencv分水岭算法——watershed自动图像分割用法

    分水岭算法是一种图像区域分割法,在分割的过程中,它会把跟临近像素间的相似性作为重要的参考依据,从而将在空间位置上相近并且灰度值相近的像素点互相连接起来构成一个封闭的轮廓,封闭性是分水岭算法的一个重要特 ...

  7. zookeeper无法启动&quot;Unable to load database on disk&quot;

    自己的虚拟机集群.一次强制关机后,发现slave2的zookeeper起不来了 http://blog.csdn.net/ashic/article/details/47088299 下午5点29:5 ...

  8. Linux网络编程——原始套接字编程

    原始套接字编程和之前的 UDP 编程差不多,无非就是创建一个套接字后,通过这个套接字接收数据或者发送数据.区别在于,原始套接字可以自行组装数据包(伪装本地 IP,本地 MAC),可以接收本机网卡上所有 ...

  9. 忙里偷闲( ˇˍˇ )闲里偷学【C语言篇】——（2）准备知识

    一.变量为什么必须初始化? 在回答这个问题之前,我们先来运行一段代码: #include <stdio.h> int main(){ int i; printf("i=%d\n& ...

  10. Qt for WebAssembly

    To complete the list of Qt framework items, let’s talk a bit about our ongoing research of Qt for We ...