如何在asp.net 4.0中使用ckeditor启用图像上传

沙林·加杰尔

我有一些接受富文本格式的页面。我只是使用ckeditor控件。它加载得很好。但无法显示用于上传图片的图片浏览器标签。这是我的html标记:

<script type="text/javascript">
        $(function () {
            CKEDITOR.replace('<%=CKEditor1.ClientID %>', { filebrowserImageUploadUrl: 'Upload.ashx' });
        });
    </script>
<tr>
                                                <td style="width: 20%">Template Body
                                                </td>
                                                <td>
                                                    <CKEditor:CKEditorControl ID="CKEditor1" runat="server" ValidationGroup="AddNewTemplate" PasteFromWordRemoveFontStyles="False"></CKEditor:CKEditorControl>
                                                    <asp:CustomValidator ID="CustomValidator2" runat="server"
                                                        ErrorMessage="Template body is required."
                                                        OnServerValidate="CustomValidator2_ServerValidate"
                                                        ValidationGroup="AddNewTemplate" ForeColor="Red"></asp:CustomValidator>
                                                </td>
                                            </tr>

这是我上传的用于图像上传的ashx文件。

<%@ WebHandler Language="C#" Class="Upload" %>

using System;
using System.Web;
using System.Configuration;
using System.IO;
public class Upload : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
        HttpPostedFile uploads = context.Request.Files["upload"];
       string CKEditorFuncNum = context.Request["CKEditorFuncNum"];
       string file = DateTime.Now.ToString("ddMMyyyy_HHmmss") + Path.GetExtension(uploads.FileName);
       uploads.SaveAs(context.Server.MapPath(".") + "\\EmailImages\\" + file);
       //provide direct URL here
       string url = "/EmailImages/" + file;  
      context.Response.Write("<script>window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ", \"" + url + "\");</script>");
      context.Response.End();                     
    }

    public bool IsReusable {
        get { return false; }
    }
}

这是我没有上载选项卡的ckeditor屏幕: 在此处输入图片说明

沙林·加杰尔

是的,我们可以使用CKEditor控件做一件事。仅查看页面上显示的CKeditor控件的属性。然后只需将Upload.ashx文件名分配给该属性即可。

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在ASP.NET Core中使用Bootstrap 4

如何在Asp.net Core 2.0中使用log4net

如何在ASP.NET MVC 4中的apicontroller中使用会话

如何在ASP.NET MVC4中启用Ajax

如何在 CKEditor 5 中使用 asp.net core razor Pages 上传图片

如何在ASP.NET MVC4中设置背景图像

如何在ASP.NET MVC 4应用程序中使用会话?

如何在ASP.NET MVC 4中正确使用元组

如何在ASP.NET MVC 4中使用SimpleMembershipProvider拒绝所有通过身份验证的用户访问

如何在ASP.NET MVC4中使用通用参数制作通用基本控制器

如何在ASP.NET MVC 4中设置登录会话?

如何在Asp.Net MVC 4中验证HttpPostedFileBase属性的文件类型?

如何在ASP.NET MVC 4中完全禁用成员资格提供程序

如何在RedHat OS中运行asp.net MVC4 Web应用程序

如何在ASP.NET MVC 4中手动删除Cookie

如何在ASP.NET MVC Core中为Identity Server 4编写集成测试

如何在ASP.NET MVC 4和MVC 5中设置默认控制器

如何在ASP.NET MVC 4中转到上一页

如何在Visual Studio 2015中创建ASP.NET MVC 4项目

如何在asp.net mvc 4网址中添加扩展名.html?

如何在asp.net MVC4中为Web API网址创建通用方法

如何在ASP.NET Core中实现Angle 4服务器预渲染

如何在Asp.Net MVC 4中模拟HttpContext.User.Identity.Name

如何在ASP.NET MVC 4中为特定的授权用户显示特定的html元素

如何在ASP.NET MVC4中获得评分值?

如何在asp.net MVC4中进行登录?

如何在ASP.NET MVC 4区域中正确使用Html.ActionLink

如何在Asp.net Core Web API中为messagepack内容类型启用LZ4压缩

如何在asp.net中使用<%%>?