New to Kendo UI for AngularStart a free 30-day trial

UploadProgressEvent

Arguments for the uploadprogress event. The uploadprogress event fires when the files are in the process of uploading.

ts
 @Component({
   selector: 'my-upload',
   template: `
   <kendo-upload
     [saveUrl]="uploadSaveUrl"
     [removeUrl]="uploadRemoveUrl"
     (uploadProgress)="uploadProgressEventHandler($event)">
   </kendo-upload>
   `
 })
 export class UploadComponent {
   uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
   uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint

   uploadProgressEventHandler(e: UploadProgressEvent) {
     console.log(e.files[0].name + ' is ' + e.percentComplete + ' uploaded');
   }
 }
NameTypeDefaultDescription

files

FileInfo[]

The list of files that are being uploaded.

percentComplete

number

The portion that has been uploaded.

Not finding the help you need?
Contact Support