Kendo Upload get file size before post

Question

I need to get the file size using javascript

@(Html.Kendo().Upload()
                .Name("files")
                .Messages(m => m.Select("Browse"))
                .Multiple(false)
                .HtmlAttributes(new { aria_label = "files" })
                .Validation(
                    validation => validation.AllowedExtensions(new string[] { ".dlis", ".doc", ".docx", ".heic", ".jpeg", ".jpg", ".las", ".mov", ".mp4", ".pdf", ".png", ".tif", ".wav", ".xls", ".xlsx", ".zip" })
                    .MaxFileSize(2147483647))          
            )

Answer 1

You have .Events(events => events.Select("checkimage")) function so you can check image extension and also size as i showed in example

function checkimage(e){
   if(e.files[0].size > 2147483647)
   {
        alert("Size is too big");
   }

   var acceptedFiles = [".jpg", ".jpeg", ".png", ".gif", ".bmp",".mp4",".avi", ".JPG", ".JPEG", ".PNG", ".GIF", ".BMP",".MP4",".AVI"];
   var isAcceptedImageFormat = ($.inArray(e.files[0].extension, acceptedFiles)) !== -1;

    if(!isAcceptedImageFormat)
    { 
        alert("Please use accepted files");
    }


}