Is there a way to control/limit the size of an image file?

[QED]

Hello,

my question is very simple: is there a way to control/limit the size of an image file pasted or uploaded to a RichtextEditor in order to avoid the user to upload huge images?

[Vinitha Jeyakumar]

Hi QED,

Your requirement to control the image size can be achieved by using the maxHeight and maxWidth property of the insertImageSettings in Rich Text Editor. please check code and sample below,

Code snippet:

let defaultRTE: RichTextEditor = new RichTextEditor({

  insertImageSettings: {

    maxHeight: '200px',

    maxWidth: '200px',

  },

});

defaultRTE.appendTo('#defaultRTE');

Sample: https://stackblitz.com/edit/yc7knm?file=index.ts

API Link: https://ej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#maxheight

Regards,

Vinitha

[QED]

Hi Vinitha,

thank you for your reply, but (my fault) I meant the FILESIZE of the image! I would like to limit the size of the file a user can upload or paste to the RTE control in order to avoid the creation of documents impossible to load/view or edit. Any hi

Sorry for the misunderstanding.

Domenico

[Vinitha Jeyakumar]

Hi QED,

By using the Rich text editor’s imageUploading event, you can get the image size before uploading and restrict the image to upload, when the given image size is greater than the allowed size.

Documentation: https://ej2.syncfusion.com/documentation/rich-text-editor/how-to/file-size/

API Link: https://ej2.syncfusion.com/documentation/api/rich-text-editor/#imageuploading

Regards,

Vinitha