Search results

Check image size in ASP.NET Core RichTextEditor control

26 Oct 2021 / 1 minute to read

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.

In the following, we have validated the image size before uploading and determined whether the image has been uploaded or not.

Copied to clipboard
<ejs-richtexteditor id="editor" imageUploading="onImageUploading">
    <e-richtexteditor-insertimagesettings saveUrl="" path="../Images/"></e-richtexteditor-insertimagesettings>

    function onImageUploading(args) {
    console.log("file is uploading");
    var imgSize = 500000;
    var sizeInBytes = args.fileData.size;
    if ( imgSize < sizeInBytes ) {
        args.cancel = true;
Copied to clipboard
public class HomeController : Controller

    public ActionResult Index()
        return View();