FileSelect with custom template and restrictions

[Murray]

How can I show the File Too Large error message in my own custom kendoFileSelectFileTemplate?

What do I need to do?

[Yanmario]

Hi Murray,

Using the kendoFileSelectFileTemplate provides you access to the uploaded files and their size. 

<ng-template kendoFileSelectFileTemplate let-files let-state="state">

This allows implementing a separate HTML element that can check the file size(in bytes) and, depending on the statement, display an error message using the *ngIf structural directive.

 <div class="fileError" *ngIf="files[0].size > 150000">
          (File is too large. File size above 150kb)
</div>

StackBlitz example implementation:

https://stackblitz.com/edit/fileselect-template-display-error-depending-on-file-size?file=app/app.component.ts

I hope this helps.

Regards,
Yanmario Menev
Progress Telerik