Get actual image name and save it in Database

[Mahesh Machina]

We want to paste image in Rich text editor. Image name is not accurate in upload/save handler.

Please suggest how to get actual image name uploaded and how to save it in Database

[Vinitha Jeyakumar]

Hi Mahesh Machina,

Your requirement to get the actual image name while pasting an image into the RichTextEditor can be achieved by using the actionBegin event like below,

Code snippet:

 

function actionBegin(args) {

  if (

    args.requestType == 'Paste' &&

    args.originalEvent.clipboardData.files[0]

  ) {

    var imageName = args.originalEvent.clipboardData.files[0].name;

  }

}

API Link: https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.RichTextEditor.RichTextEditor.html#Syncfusion_EJ2_RichTextEditor_RichTextEditor_ActionBegin

Regards,

Vinitha

[Mahesh Machina]

Is it possible to send additional information in saveUrl handler and change image source in rich text editor after pasting it in local drive with updated name

[Vinitha Jeyakumar]

Hi Mahesh Machina,

You can rename uploaded images in server before inserting it in the Rich Text Editor using imageUploadSuccess event. Please check the documentation below,

https://ej2.syncfusion.com/aspnetcore/documentation/rich-text-editor/how-to/rename-images-in-server

Regards,

Vinitha