Upload Files to HtmlEditorExtender using AJAX in ASP.Net

Hi Dlovan,

Please take reference to below code and correct your code.

HTML

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBox ID="txtEditor" runat="server" Width="300" Height="200" />
<asp:HtmlEditorExtender ID="heeExtender" runat="server" TargetControlID="txtEditor"
    EnableSanitization="false" OnImageUploadComplete="heeExtender_ImageUploadComplete">
    <Toolbar>
        <asp:InsertImage />
        <asp:BackgroundColorSelector />
        <asp:Bold />
        <asp:Copy />
        <asp:Paste />
        <asp:Cut />
        <asp:Delete />
        <asp:FontSizeSelector />
        <asp:FontNameSelector />
        <asp:ForeColorSelector />
        <asp:InsertOrderedList />
        <asp:InsertUnorderedList />
        <asp:Italic />
        <asp:JustifyCenter />
        <asp:JustifyLeft />
        <asp:JustifyFull />
        <asp:JustifyRight />
        <asp:SelectAll />
        <asp:Subscript />
        <asp:Superscript />
        <asp:Underline />
    </Toolbar>
</asp:HtmlEditorExtender>

Code

C#

protected void heeExtender_ImageUploadComplete(object sender, AjaxFileUploadEventArgs e)
    {
        string name = "NewName_";
        heeExtender.AjaxFileUpload.SaveAs(Server.MapPath("~/Images/") + name + e.FileName);
        e.PostedUrl = Page.ResolveUrl("~/Images/" + name + e.FileName);
    }

Screenshot