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

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

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

<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>

在文件夹里面新增文件夹upload,image

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

调试后是这种错误:

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

时间: 2024-08-01 22:41:55

MVC ueditor的使用(实现上传图片功能)的相关文章

在SAE上使用Ueditor的图片上传功能

SAE上是没有目录读写权限的,所以要在SAE使用Ueditor的图片上传功能需要借助SAE的Storage服务. 一.开通Storage服务 在SAE控制台开通Storage服务,并新增一个domain. 二.修改Ueditor代码 Ueditor处理上传文件的方法在DjangoUeditor/jviews.py中,上传图片的请求是由下面函数处理的 #上传附件 @csrf_exempt def UploadFile(request,uploadtype,uploadpath):     '''

aspx页面中用Input 标签实现上传图片功能

实现上传图片功能需单独的建立一个aspx页面, 其中前台页面需要注意两点: a)实现上传功能的input的type="file" b)设置请求报文头为 enctype="multipart/form-data" 类型 前台代码如下: <form method="post" enctype="multipart/form-data"> <table class="list"> <

Asp.NET MVC 使用 SignalR 实现推送功能二(Hubs 在线聊天室 获取保存用户信息)

简单介绍 关于SignalR的简单实用 请参考 Asp.NET MVC 使用 SignalR 实现推送功能一(Hubs 在线聊天室) 在上一篇中,我们只是介绍了简单的消息推送,今天我们来修改一下,实现保存消息,历史消息和用户在线 由于,我这是在一个项目([无私分享:从入门到精通ASP.NET MVC]从0开始,一起搭框架.做项目 目录索引)的基础上做的,所以使用到的一些借口和数据表,不详细解析,只是介绍一下思路和实现方式,供大家参考 用户登录注册信息 当用户登录之后,我们注册一下用户的信息,我们

asp.net mvc上传头像加剪裁功能

正好项目用到上传+剪裁功能,发上来便于以后使用. 我不能告诉你们其实是从博客园扒的前台代码,哈哈. 前端是jquery+fineuploader+jquery.Jcrop 后台是asp.net mvc 4 核心的js调用代码是crop.js和helper文件夹下的ImgHandler.cs 效果图 前台代码 <link href="~/Content/fineuploader.css" rel="stylesheet" /> <link href=

WCF实现上传图片功能

初次学习实现WCF winform程序的通信,主要功能是实现图片的传输. 下面是实现步骤: 第一步: 首先建立一个类库项目TransferPicLib,导入wcf需要的引用System.ServiceModel,建立接口ITransferPicService,建立类文件TransferPicService实现ITransferPicService接口. 代码:ITransferPicService ITransferPicService using System; using System.Co

MVC应用程序实现会员登录功能

实现之前,我们已经把验证成功的信息存在cookie里<MVC登录前准备写好cookie>http://www.cnblogs.com/insus/p/3464105.html.现在就可以实现真正的验证与登录了. 先去数据库,写好一个登录证的存储过程[dbo].[usp_Member_LoginVerifyAndGetInfo]: 存储过程中有两个判断,用户输入一个不存在的帐号,也要提示帐号或是密码错误,为了系统安全考虑,一般不建议分别提示. 去应用程序,找到Entities目录,修改Membe

MVC应用程序请求密码的功能(一)

经过一系列的练习,实现了会员注册<MVC会员注册>http://www.cnblogs.com/insus/p/3439599.html,登录<MVC应用程序实现会员登录功能>http://www.cnblogs.com/insus/p/3466512.html,以及注销<MVC会员注销功能Cookie的应用>http://www.cnblogs.com/insus/p/3471147.html等功能. 还差一些什么呢?会员忘记密码时,能够请求密码或是重置自己的密码.现

MVC应用程序请求密码的功能(二)

在完成<MVC应用程序请求密码的功能(一)>http://www.cnblogs.com/insus/p/3471534.html之后,如果你照着做,所有请求只会列在MailingList表中,并没发送出去. Insus.NET现在就继续下去,让这个功能能尽量完美下去. 在上一篇中,有一个存储过程: 在这个存储过程#38与#39行代码,是一个超链接,它是真正存在MVC的应用程序中.也就是说,给会员发送邮件时,就是把这个链接的视图发送至会员的邮箱中.因此,我们得创建这个视图. 创建这个视图,得先

asp.net mvc 使用MvcPager实现翻页功能

方法-: 1,在Service中使用pagedlist实现翻页的方法 写法一: /// <summary> /// 政策法规的more列表翻页 /// </summary> /// <param name="page">分页的页码</param> /// <param name="sid">部门代码</param> /// <returns></returns> publ