本文为大家分享了ASP。网核心如何集成kindeditor并实现图片上传功能的具体方法，供大家参考，具体内容如下

准备工作

1.visual studio 2015更新3开发环境

2.net核心1.0.1及以上版本

目录

新建ASP。网核心网项目

下载kindeditor

增加图片上传控制器

配置kindeditor参数

代码下载

新建ASP。网核心网项目

新建一个ASP。网核心项目，这里命名为kindeditor

选中网应用程序

下载kindeditor

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

修改视图/索引。cshtml

@{视图数据['标题']='主页；} link href=' ~/kind editor/themes/default/default。CSS ' rel='样式表'/脚本src=' http : ~/kind editor/kind editor-min。js /脚本脚本src=' http : ~/kind editor/lang/zh _ cn。js /脚本div class=' row ' textarea id=' detail _ desc ' name=' detail _ desc ' style=' width :700 px；'height :300 px '/文本区域/div脚本类型=' text/JavaScript '//实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用' UE.getEditor('编辑器)就能拿到相关的实例KindEditor.ready(函数(K){窗口。editor=K . create(' # detail _ desc '，{ width: '98% '，height : ' 500 px ' })；});/script运行一下现在就可以看到kindeditor已经集成进来了。

增加图片上传控制器

注意返回是一个json对象，因此建了一个简单的对象返回。

使用系统；使用系统。集合。通用；使用系统Linq .使用系统。线程化。任务；使用微软AspNetCore。手动音量调节使用微软AspNetCore。超文本传送协议（Hyper Text Transport Protocol的缩写）使用微软. Net。Http。头球使用微软。托管；使用系统IO；命名空间kindeditortest .控制器{公共类家庭控制器：控制器{私有ihostingenvironmenthostingvpublic IActionResult Index(){ return View()；}公共家庭控制器(IHostingEnvironment env){ this。hostingev=env} ///摘要////Kindeditor图片上传////summary///param name=' IMgfile ' kind editor图片上传自带的命名，不可更改名称/param ///param name='dir '不可更改名称这里没有用到dir/param///returns/returns public IActionResult KindeditorPicUpload(ilitiformfile imgFile，string dir){ PicUploadResponse rspJson=new PicUploadResponse(){ error=0，URL='/upload/' }；长尺寸=0;字符串tempname=foreach(imgFile中的定义变量文件){ var filename=contentdispositionheader值.解析（文件内容处置).文件名。修剪(' ');var extname=filename .子字符串（文件名. LastIndexOf(' . '),文件名。长度-文件名. LastIndexOf(' . '));定义变量文件名1=系统Guid。NewGuid().ToString()ext名称；tempname=filename 1 var path=hostingev .WebRootPathfilename=hostingEnv .WebRootPath[电子邮件保护]' 上传 {文件名1 } '；大小=文件。长度；使用(文件流文件系统=系统.创建（文件名)){文件复制到(fs)；fs .flush()；//这里是业务逻辑} } RSpjson。错误=0；rspJson.url=[emailprotected]'././upload/' tempname；返回JSON(RSpjson)；}公共IActionResult About(){查看数据[' Message ']='您的应用程序描述页；返回视图();}公共IActionResult Contact(){查看数据[' Message ']='您的联系人页面；返回视图();} public IActionResult Error(){ return View()；} }公共类PicUploadResponse { public int错误{ get设置；}公共字符串url { get设置；} }}配置kindeditor参数

脚本类型='text/javascript' //实例化编辑器//建议使用工厂方法getEditor创建并引用编辑器实例。如果编辑器是在某个闭包下引用的，那么直接调用UE.getEditor('editor ')就可以得到相关的实例kindeditor.ready(函数(k){ window . editor=k . create(' detail _ desc '，{width :' 98% '，height :' 500px ')。uploadjs : '/home/KindeditorPicUpload '，filemanager js : '/home/KindeditorPicUpload '，allowfilemanager : true })；});/脚本运行效果

源代码下载：http://xiaozai.jb51.net/201611/yuanma/ASP.网kindeditor (jb51.net)。rar

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。