本文实例为大家分享了CKEditor与dotnetcore实现图片上传的具体代码，供大家参考，具体内容如下

CKEditor的使用

1.引入射流研究…库

脚本src=' http :3359 cdn。cke ditor。com/4。6 .1/标准-所有/cke ditor。js '/脚本2 .定义一个文本区域标签

textarea id='editor' /textarea 3 .用CkEditor替换文本区域即可使用基本功能

CKEDITOR.replace('编辑器');4.配置CkEditor

添加图片上传，代码插入工具

CKEDITOR.replace('编辑器框，{ //GitHub地址：https://github。com/ckeditor工具栏：[{ name: ' document '，items: ['Source'] }，{ name: ' basicstyles '，items: ['Bold '，' Italic'] }，{ name: '段落，items: ['NumberedList '，' BulletedList '，'-'，' Outdent '，' Indent '，'-'，' Blockquote'] }，{ name 3360配置图片上传后台Url customConfig: ' '，extraPlugins: 'codesnippet，image2，uploadimage '，removePlugins: 'image '，//mathjaxlib : 'https://cdn.mathjax.org/mathjax/2.6-latest/MathJax.js？config=TeX-AMS_HTML '，codeSnippet _ theme: ' ir _ black '，height: 450，contentscs 3360[' https://cdn。凯迪特。com/4。6 .1/标准-全部/内容。CSS ']，format _ tags : ' p；h1；H2；H3；pre '，removedialogtab 3360 ' image : advanced；link : advanced link : target '、style sset :[/* Inline style */{ name: ' Marker '、element: 'span '、attributes : { ' class ' : ' Marker ' } } }、{ name : '引作作品、element: 'cite' }、{ name : ' Inline quote '、element: ' q ' }、/* Object style */{ name 3: '特殊容器、元素{ name: '无边框表格，element: '表格，样式： { '边框样式' : '隐藏','背景颜色： '#E6E6FA' } }，{ name: '方形项目符号列表，element: 'ul '，style : { '列表样式-键入“:”方形}，/* Widget样式*/{ name : '插图，类型3: 5。后台接收图片

///摘要///图片上传////summary////param name=' env '/param///returns/returns public async TaskIActionResult UploadImageUrl([FromSerVices]IHostingEnvironment env){//CKEditor提交的很重要的一个参数字符串回调=请求。查询[' CKEditorFuncNum ']；变量形式=请求。形式；var img=form .文件[0];//获取图片字符串文件名=img .文件名；var openReadStream=img .OpenReadStream()；字节[]缓冲=新字节[openReadStream .长度];等待openReadStream .ReadAsync(缓冲区，0,缓冲区。长度);字符串文件名Guid=Guid .NewGuid().ToString()；var bowerPath=PathUtils .GetSavePath(filenameGuid，true)' .jpg '；//获取到图片保存的路径，这边根据自己的实现var savePath=路径。合并(环境.WebRootPath，bower path)；使用(FileStream fs=新的FileStream(保存路径，文件模式创建){等待fs .WriteAsync(缓冲区，0,缓冲区。长度);//服务器返回Java脚本语言脚本字符串结果=$ '脚本类型= ' text/JavaScript '窗口。父母。凯迪特。工具。调用函数( ' { callback } '，'{'/' bowerPath} '， ' ')；/script '；回应content TYPe=' text/html；charset=UTF-8 '；返回内容（结果);} } 6.注意

服务器返回需要加上这个，否则会遇到前端页面不执行返回的Java脚本语言脚本的问题

回应content TYPe=' text/html；charset=UTF-8 '；配置完成即可使用图片上传功能

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