百度UEDITOR与ASP.NET上传整合的简要教程
2011-09-29 23:45
429 查看
最近百度推出了UEDITOR,很美观,经常看到有朋友问,怎么在ASP.NET中使用此编辑器,主要是指上传的整合。。
超级简单,先把UEDITOR的 UPLOAD.PHP 改为 upload.aspx ,去掉该页中的PHP代码,同时添加 aspx代码, string url=request.Querystring["url"]; 这个是在页面输出上传成功后的图片URL。。参见原PHP代码。
然后在upload.aspx.cs (没有此文件,手动添加,并在 upload.aspx 第一行加入关系绑定,不会的用VS新建一个upload.aspx 页然后参见第一行源码)
在 .aspx.cs 里接收接POST过来的文件,自行判断类型大小等参数然后保存,最后回调ueditor的JS 即可实现上传(根本不需要二个ASPX页面,一个足矣)
HttpPostedFile localFile = (Request.Files["upload"] == null) ? Request.Files["filename"] : Request.Files["upload"];
if (!string.IsNullOrWhiteSpace(ueditor))
{
if (upok)
{
// me.common.fileWater.FileWater(sitepath + newfilepath);//加水印
Response.Write("<script type='text/javascript'>window.parent.reloadImg('" + fileUrl + "');</script>");
Response.Write("<script type='text/javascript'>window.location.href='upload.aspx?ueditor=true&url=" + fileUrl + "'</script>");
Response.End();
}
else
{
Response.Write("<script type='text/javascript'>alert('" + msg + "')</script>");
Response.Write("<script type='text/javascript'>window.location.href='upload.aspx?ueditor=true'</script>");
Response.End();
}
简单吧 ,偶站 丿玩网 就是这样搞定的,欢迎大家指教哈!
超级简单,先把UEDITOR的 UPLOAD.PHP 改为 upload.aspx ,去掉该页中的PHP代码,同时添加 aspx代码, string url=request.Querystring["url"]; 这个是在页面输出上传成功后的图片URL。。参见原PHP代码。
然后在upload.aspx.cs (没有此文件,手动添加,并在 upload.aspx 第一行加入关系绑定,不会的用VS新建一个upload.aspx 页然后参见第一行源码)
在 .aspx.cs 里接收接POST过来的文件,自行判断类型大小等参数然后保存,最后回调ueditor的JS 即可实现上传(根本不需要二个ASPX页面,一个足矣)
HttpPostedFile localFile = (Request.Files["upload"] == null) ? Request.Files["filename"] : Request.Files["upload"];
if (!string.IsNullOrWhiteSpace(ueditor))
{
if (upok)
{
// me.common.fileWater.FileWater(sitepath + newfilepath);//加水印
Response.Write("<script type='text/javascript'>window.parent.reloadImg('" + fileUrl + "');</script>");
Response.Write("<script type='text/javascript'>window.location.href='upload.aspx?ueditor=true&url=" + fileUrl + "'</script>");
Response.End();
}
else
{
Response.Write("<script type='text/javascript'>alert('" + msg + "')</script>");
Response.Write("<script type='text/javascript'>window.location.href='upload.aspx?ueditor=true'</script>");
Response.End();
}
简单吧 ,偶站 丿玩网 就是这样搞定的,欢迎大家指教哈!
相关文章推荐
- 百度Ueditor编辑器的使用,ASP.NET也可上传图片
- 百度UEditor在线编辑器上传图片提示网络连接错误,请检查配置后重试 asp.net 4.0
- asp.net 百度编辑器 UEditor 上传图片 图片上传配置 编辑器配置 网络连接错误,请检查配置后重试
- 百度编辑器 ueditor1.1.8.1 For Asp.net 配置 上传功能详解
- asp.net应用百度编辑器(UEditor)上传图片和上传附件不成功的解决办法
- 【ASP.NET】10.解决百度富文本编辑器UEditor本地上传图片正常,放到服务器上以后图片上传按钮变灰不能点击的问题
- ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
- 百度编辑器 ueditor1.1.8.1 For Asp.net 配置 上传功能详解
- asp.net应用百度编辑器(UEditor)上传图片跟上次附件不成功的解决办法
- 百度UEditor1.4.3编辑器和asp.net MVC 5结合
- phpcms V9.6.0版本整合百度ueditor1.4.3.2,包括水图片上传水印
- ASP.NET使用百度编辑器(UEditor)使用方法
- asp.net集成百度ueditor富文本
- Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程
- ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第五篇:MVC整合Ajax
- asp网站中使用百度ueditor教程
- Discuz!NT与asp.net整合集成实例教程
- ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第五篇:MVC整合Ajax
- ASP.NET MVC文件上传教程(二)
- ASP.NET MVC 重点教程一周年版 第十一回 母版页、用户自定义控件及文件上传