C# MVC 使用 CKEditor图片上传 提示“不正确的服务器响应”
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了C# MVC 使用 CKEditor图片上传 提示“不正确的服务器响应”,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1834字,纯文字阅读大概需要3分钟。
内容图文
![C# MVC 使用 CKEditor图片上传 提示“不正确的服务器响应”](/upload/InfoBanner/zyjiaocheng/855/1f5708ba968640f5adb4a34baa3d943a.jpg)
重点:看一下你使用的CKEditor版本
过程:
后台需要一款富文本编辑器。经过挑选后,最后选择了FCKEditor 的升级版 CKEditor 。在官网下载了4.10.1版本。
经过一番配置后,富文本可以正常显示。在上传图片的时候,出现了问题。一直提示我“不正确的服务器响应”。经过一番搜索发现配置和网上给出的配置都是一样的,却总还是错误。
后来发现一篇说新版本的CKEditor上传图片的返回值修改了。经过一番摸索,终于解决问题。
上图:
原来之前的版本使用的通过 script 控制的tab跳转并填入图片地址的方式新版本已经弃用,改用新的Json 的方式传递。下面贴上配置和后端代码:
CKEditor config.js配置
1 //上传图片的方法 2 config.filebrowserImageUploadUrl = "/Home/Upload"; 3 4 //图片默认显示文字为空 5 config.image_previewText = ' '; 6 7 //设置语言 8 config.language = 'zh-cn'; 9 10 // 解决CKEditor图片宽度自适应的问题 p img { width: auto; height: auto; max - width: 100 %;} 11 config.disallowedContent = 'img{width,height};img[width,height]';
后端Upload方法
[HttpPost] public JsonResult Upload(HttpPostedFileBase upload) { string savePath = "/upload/"; string dirPath = Server.MapPath(savePath); //如果目录不存在则创建目录 if (!Directory.Exists(dirPath)) Directory.CreateDirectory(dirPath); //获取图片文件名及扩展名 var fileName = Path.GetFileName(upload.FileName); string fileExt = Path.GetExtension(fileName).ToLower(); //用时间来生成新文件名并保存 string newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt; upload.SaveAs(dirPath + "/" + newFileName); //上传成功后,我们还需要返回Json格式的响应 return Json(new { uploaded = 1, fileName = newFileName, url = savePath + newFileName }); }
前端调用
//引入js文件
<script src="~/Content/ckeditor/ckeditor.js"></script> <script src="~/Content/ckeditor/config.js"></script>
//ckditor容器 @Html.TextAreaFor(model => model.ContentInfo, new { @class = "ckeditor" })
内容总结
以上是互联网集市为您收集整理的C# MVC 使用 CKEditor图片上传 提示“不正确的服务器响应”全部内容,希望文章能够帮你解决C# MVC 使用 CKEditor图片上传 提示“不正确的服务器响应”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。