http://blog.csdn.net/ycwol/article/details/41824371?utm_source=tuicool&utm_medium=referral

最近在用kindeditor 编辑器,在上传本地图片的时候遇到了点问题,不能正确的上传。

现在把使用 kindeditor 上传本地图片的配置记录一下。

1、下载kindeditor。http://kindeditor.net/down.php

2、解压,将所有文件复制到项目里。我是放在content里面。

(您可以根据需求删除以下目录后上传到服务器,asp - ASP程序,asp.net - ASP.NET程序,php - PHP程序,jsp - JSP程序,examples - 演示文件)

3、将editor/asp.net/bin目录下的dll文件复制到项目bin目录下。

4、修改HTML页面

a>添加textarea输入框

  1. <td>@Html.TextAreaFor(a => a.contents, new { id = "editor_id" })</td>
  2. <!-- 或者<td><textarea id="editor_id" name="contents" >Model.contents</textarea> -->

b>在页面添加以下脚本

  1. <script charset="utf-8" src="~/content/editor/kindeditor.js"></script>
  2. <script charset="utf-8" src="~/content/editor/lang/zh_CN.js"></script>
  3. <script>
  4. KindEditor.ready(function (K) {
  5. window.editor = K.create('#editor_id', {
  6. width: '600px',
  7. height: '400px',
  8. items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste', '|',
  9. 'justifyleft', 'justifycenter', 'justifyright', '|',
  10. 'insertorderedlist', 'insertunorderedlist', 'clearhtml', 'quickformat', '|',
  11. 'anchor', 'link', 'unlink', '|', 'fullscreen', '/',
  12. 'formatblock', 'fontname', 'fontsize', '|',
  13. 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'lineheight', 'removeformat', '|',
  14. 'image', 'multiimage', 'flash', 'media', 'insertfile', '|',
  15. 'table', 'hr', 'emoticons', 'baidumap'],
  16. //uploadJson: '~/content/editor/asp.net/upload_json.ashx',   //在网上需要配置这句,但是注释了才不报错...只需要下面的
  17. fileManagerJson: '~/content/editor/asp.net/file_manager_json.ashx',
  18. });
  19. });
  20. </script>

如果你改变了 editor 的文件位置,要修改一下 upload_json.ashx 、 file_manager_json.ashx 的保存路径。我的是默认的。

找到plugins文件夹下的image文件夹,下面有个image.js文件,默认是php的,要修改为asp.net。

上传本地图片时,路径会显示C:\fakepath\***,显示fakepath是正常的,出于安全考虑,是无法获取真实路径的。

最后上效果图:

.net mvc4 利用 kindeditor 上传本地图片的更多相关文章

  1. KindEditor上传本地图片在ASP.NET MVC的配置

    http://www.cnblogs.com/upupto/archive/2010/08/24/1807202.html 本文解决KindEditor上传本地图片在ASP.NET MVC中的配置. ...

  2. kindeditor上传本地图片实例

    所需插件:kindeditor下载   密码: 5ry4 jsp文件: <script type="text/javascript" language="javas ...

  3. tinymce4.x 上传本地图片(自己写个插件)

    tinymce是一款挺不错的html文本编辑器.但是添加图片是直接添加链接,不能直接选择本地图片. 下面我写了一个插件用于直接上传本地图片. 在tinymce的plugins目录下新建一个upload ...

  4. tinymce4.x 上传本地图片 (转载)

    转载自:http://www.cnblogs.com/fhen/p/5809514.html tinymce4.x 上传本地图片   tinymce是一款挺不错的html文本编辑器.但是添加图片是直接 ...

  5. 个人永久性免费-Excel催化剂功能第102波-批量上传本地图片至网络图床(外网可访问)

    自我突破,在100+功能后,再做有质量的功能,非常不易,相对录制视频这些轻松活,还是按捺不住去写代码,此功能虽小,但功课也做了不少,希望对真正有需要的群体带来一些惊喜. 背景介绍 图床的使用,一般是写 ...

  6. html5上传本地图片,在线预览及裁剪(filereader,canvas)

    1 我们常常需要上传头像,点击上传按钮时候需要预览一下,使用filereader方法无需和后台交互,代码如下: //本地图片在上传之前的预览效果 //图片上传预览 function previewIm ...

  7. 有道云笔记Markdown上传本地图片的方法

    有道云笔记截图&保存   方法有多种,例如:开通有道云笔记VIP会员.先将图片文件上传到有道云笔记后使用图片的分享链接.说到底还是使用的 Markdown 的图片功能 ![图片名称](图片链接 ...

  8. js上传本地图片遇到的问题

    1.改变页面文件上传默认的样式 <input type="text" size="20" id="upfile" style=&quo ...

  9. 图片上传-本地图片转base64+ie8支持+本地预览支持

    最近项目由于flash同学没在了,图片上传只能前端重新做,后台希望用base64数据上传,复用之前接口 问题来了, 1.ie8 不支持canvas转base64 2.本地预览 base64数据,ie8 ...

随机推荐

  1. xcode插件XAlign

    一款十分强大的自定义对齐模式插件 开源地址:https://github.com/qfish/XAlign/ 终端输入命令: $ curl http://qfi.sh/XAlign/build/ins ...

  2. 阻塞与非阻塞IO step by step

    谈到IO,阻塞.非阻塞,异步.同步是绕不开的话题.说实话,我也没搞清楚,网上查了许多资料,大家众说纷纭,一种比较靠谱的说法是:”在处理 IO 的时候,阻塞和非阻塞都是同步 IO,使用使用了特殊的API ...

  3. 一道看似简单的sql需求却难倒各路高手 - 你也来挑战下吗?

    转自:http://www.cnblogs.com/keguangqiang/p/4535046.html 听说这题难住大批高手,你也来试下吧.ps:博问里的博友提出的. 原始数据 select *  ...

  4. WPF学习笔记:MVVM模式下,ViewModel如何关闭View?

    原文:http://blog.csdn.net/leftfist/article/details/32349731 矫枉过正,从一个极端走向另一个极端.MVVM模式,View只负责呈现,虽然也有后台代 ...

  5. Kakfa分布式集群搭建

    本位以最新版本kafka_2.11-0.10.1.0版本讲述分布式kafka集群环境的搭建过程.服务器列表: 172.31.10.1 172.31.10.2 172.31.10.3 1.下载kafka ...

  6. 你都认识下面这些参数么?【Camera】

    在调试的时候利用下面这个函数将 Camera AP 部分所设置的参数全部 dump 出来了,真是多啊! 这里仅限于 MTK 平台,MTK 自己在相机这块添加了许多功能,所以看起来就有一大堆的参数. 调 ...

  7. JS 之匿名函数

    匿名函数以及闭包 匿名函数就是没有名字的函数.闭包是指有权访问另一个函数作用域中的变量的函数.创建闭包的常见方式是在一个函数的内部创建另一个函数.闭包会携带包含它的函数的作用域,因此会比其他函数占用更 ...

  8. 【MySQL】10条SQL优化语句,让你的MySQL数据库跑得更快!

    慢SQL消耗了70%~90%的数据库CPU资源: SQL语句独立于程序设计逻辑,相对于对程序源代码的优化,对SQL语句的优化在时间成本和风险上的代价都很低: SQL语句可以有不同的写法: 1 不使用子 ...

  9. 信息安全系统设计基础第一次实验报告 20135201&&20135306&&20135307

    信息安全系统设计基础实验 班级: 201353 姓名:张忻 张嘉琪 黄韧 学号:20135301 20135307 20135306 实验日期:2015.11.10 实验名称: S3C2410的lin ...

  10. java并发:获取线程执行结果(Callable、Future、FutureTask)

    初识Callable and Future 在编码时,我们可以通过继承Thread或是实现Runnable接口来创建线程,但是这两种方式都存在一个缺陷:在执行完任务之后无法获取执行结果.如果需要获取执 ...