实现上传图片功能

实现上传图片功能

之前使用ckeditor不能实现上传图片功能,只要是我不知道怎么使用啦o( ̄ε ̄*),然后就换了ueditor~~,可以实现上传图片功能啦~\(≧▽≦)/~~

下面是我的步骤:去官网下载最新版ueditor,解压缩后放到文件目录下,如下:

MVC  ueditor的使用(实现上传图片功能)-LMLPHP

<script src="~/Content/ueditor/ueditor.all.js"></script>
<script src="~/Content/ueditor/ueditor.all.min.js"></script>
<script src="~/Content/ueditor/ueditor.config.js"></script>
<link href="~/Content/ueditor/themes/iframe.css" rel="stylesheet" />
<script type="text/javascript" >
var editor = new baidu.editor.ui.Editor({
UEDITOR_HOME_URL: '/Content/ueditor/',//配置编辑器路径
iframeCssUrl: '/Content/ueditor/themes/iframe.css',//样式路径
initialContent: '欢迎使用ueditor',//初始化编辑器内容
autoHeightEnabled: true,//高度自动增长
minFrameHeight: 500//最小高度
});
editor.render('Text');
</script>
<style>  <td>内容:</td>
<td>
 <textarea cols="80" id="content" name="Text" rows="10"></textarea>
</td>

MVC  ueditor的使用(实现上传图片功能)-LMLPHP

在文件夹里面新增文件夹upload,imageMVC  ueditor的使用(实现上传图片功能)-LMLPHPMVC  ueditor的使用(实现上传图片功能)-LMLPHP

做好这几步后,就可以实现上传图片功能了。但是我出现了下面这种问题:

MVC  ueditor的使用(实现上传图片功能)-LMLPHP

调试后是这种错误:

MVC  ueditor的使用(实现上传图片功能)-LMLPHP

百度无果,然后发现是这个ueditor文件夹没有完全包含在项目里面,然后作如下操作就可以了:

MVC  ueditor的使用(实现上传图片功能)-LMLPHP

05-11 13:52