Check file size before uploading it

21 Dec 20221 minute to read

By using uploading event, you can get the file size before upload it to server.
File object contains the file size in bytes only.
You can convert the size to standard formats (KB or MB) using bytesToSize method.

CSHTML

@{
    var asyncSettings = new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "https://services.syncfusion.com/aspnet/production/api/FileUploader/Save", RemoveUrl = "https://services.syncfusion.com/aspnet/production/api/FileUploader/Remove" };
}

<div class="col-lg-8 control-section">
    <div class="control_wrapper">
        <ejs-uploader id="UploadFiles" asyncSettings="@asyncSettings" autoUpload="false" uploading="onBeforeUpload">
        </ejs-uploader>
    </div>
</div>

<script>
    function onBeforeUpload(args) {
        var uploadObj = document.getElementById("UploadFiles").ej2_instances[0];
        // get the file size in bytes
        var sizeInBytes = args.fileData.size;
        // get the file size in standard format
        alert("File size is: " + uploadObj.bytesToSize(sizeInBytes))
    }
</script>

Index.css

.control_wrapper {
        max-width: 500px;
        margin: auto;
    }

    .control_wrapper .e-upload .e-upload-drag-hover {
        margin: 0;
    }

NOTE

You can also explore ASP.NET Core File Upload feature tour page for its groundbreaking features. You can also explore our ASP.NET Core File Upload example to understand how to browse the files which you want to upload to the server.