RTE Image upload from computer

[Irshad Ahmed]

I want to upload image from my computer using RTE image icon. I will add five RTE Control in my web page with image upload option from local Computer. Could you give me any sample how can i do this. Sample Project. In asp.net web form site. Thank you

[Keerthana Rajendran]

Hi Irshad, 

 

Thank you for contacting Syncfusion support. 

 

In RTE,  local path cannot be provided as filepath because images from local path cannot be loaded directly inside iframe. Instead , we suggest you to create a folder within the project and provide this folder path as filepath for image browser and you can browse files from local and upload those files inside the Image explorer which can be then inserted into RTE. Please refer to the below given code 

 

<ej:RTE ID="browser" Width="100%" Height="440" runat="server" MinWidth="200px"> 

            <RTEContent> 

                <p><b>Description:</b></p> 

        <p>The Rich Text Editor (RTE) control is an easy to render in 

        client side. Customer easy to edit the contents and get the HTML content for 

        the displayed content.  

            </RTEContent> 

            <ImageBrowser ExtensionAllow="*.png,*.gif,*.jpg,*.jpeg" FilePath="~/FileBrowser/" AjaxAction="RichTextEditorFeatures.aspx/FileActionDefault" UploadAction="../FileExplorer/uploadFiles.ashx{0}"/> //path for upload handler 

            <FileBrowser ExtensionAllow="*.png,*.txt,*.jpg,*.docx" FilePath="~/FileBrowser/" AjaxAction="RichTextEditorFeatures.aspx/FileActionDefault" UploadAction="../FileExplorer/uploadFiles.ashx{0}"/> //path for upload handler 

        </ej:RTE> 

 

 

We have attached a sample and video for your reference. Please refer to the below given link: 

 

Sample: http://www.syncfusion.com/downloads/support/forum/134707/ze/FileBrowser43095360 

 

Video: http://www.syncfusion.com/downloads/support/forum/134707/ze/Image-28154184 

 

 

Regards, 

Keerthana.