Image settings path, server API

[Christian Andersen]

Hi

I'm trying to figure out how to get my images from my database, once they have been inserted.

Realistically i need the path to be a route to a controller with the "GUID" that my image has been given as an ID, when it was saved, like this:

<SfRichTextEditor @bind-Value="@BindingValue" Placeholder="@PlaceholderText">
    <RichTextEditorToolbarSettings Items="@_tools" Type="ToolbarType.MultiRow"/>
    <RichTextEditorFontFamily Default="Arial"></RichTextEditorFontFamily>
    <RichTextEditorImageSettings SaveUrl="api/media/saveimage" Path="@($"api/media/{imageId}")"></RichTextEditorImageSettings>
</SfRichTextEditor>

I cannot figure out how to set this imageId in the path, and all your examples points to a folder, which i'm not interrested in.

Can you help me here?

[Christian Andersen]

I did figure it out.

I used the rename example to set the name of my file to the ID that it got from the database.

<SfRichTextEditor @bind-Value="@BindingValue" Placeholder="@PlaceholderText">
    <RichTextEditorToolbarSettings Items="@_tools" Type="ToolbarType.MultiRow"/>
    <RichTextEditorFontFamily Default="Arial"></RichTextEditorFontFamily>
    <RichTextEditorImageSettings SaveUrl="api/media/saveimage" Path="@("api/media/")"></RichTextEditorImageSettings>
    <RichTextEditorEvents OnImageUploadSuccess="@(ImageUploadSuccess)"></RichTextEditorEvents>
</SfRichTextEditor>

private void ImageUploadSuccess(ImageSuccessEventArgs imageSuccessEventArgs)
{
    var headers = imageSuccessEventArgs.Response.Headers;
    var match = Regex.Match(headers, @"[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}");
    imageSuccessEventArgs.File.Name = match.Value + ".jpg";
    StateHasChanged();
}

Maybe the documentation should state more clearly that the "path" automatically appends the name to whatever you write in there ?

[Revanth Krishnan]

Hi Christian, 

 

 

Greetings from Syncfusion support. 

 

 

We are glad that you found the solution for the reported query in our documentation, as suggested we will add more information regarding the ‘Path’ property in our documentation. 

We will let you know once we include the information in the documentation and published on live. 

 

Regards, 

Revanth 

[Revanth Krishnan]

Hi Christian, 

 

The documentation changes will be included on 1^st June 2021. 

 

Regards, 

Revanth 

[Revanth Krishnan]

Hi Christian,  

  

Sorry for the inconvenience.  

  

The documentation changes are not included, we will include the documentation changes in the 2021 Volume 2 release. 

We appreciate your patience till then.  

  

Regards,  

Revanth 

[Revanth Krishnan]

Hi Christian,   

   

Sorry for the inconvenience.   

   

Still, the documentation changes are not included, we will include the documentation changes on or before 20^th July 2021. 

We appreciate your patience till then.   

   

Regards,   

Revanth  

[Vinitha Jeyakumar]

Hi Christian,    

    

Sorry for the inconvenience.    

    

Still, the documentation changes are not included, we will include the documentation changes on or before 3rd August 2021.  

 

We appreciate your patience till then.    

    

Regards,    

Vinitha   

[Vinitha Jeyakumar]

Hi Christian, 

 

 

Sorry for the inconvenience 

 

Still, the documentation changes are not included, we will include the documentation changes on or before 24^th  August 2021.   

  

We appreciate your patience till then.     

     

Regards,     

Vinitha  

[Vinitha Jeyakumar]

Hi Christian,  

 

 

We have included the documentation changes and it also published in live. Please check the below documentation page, 

 

Documentation: https://blazor.syncfusion.com/documentation/rich-text-editor/image 

 

Regards, 

Vinitha.