UploadEvent

Fires when one or more files will be uploaded. If you cancel the event, the upload is prevented.
You can add headers to the request.

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

   uploadEventHandler(e: UploadEvent) {
     e.headers = e.headers.append('X-Foo', 'Bar');
   }
 }

Arguments for the upload event:

data Object

The optional object that is sent to the upload handler in the form of key/value pair.

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

   uploadEventHandler(e: UploadEvent) {
     e.data = {
       description: 'File description'
     };
   }
 }

files Array<FileInfo>

The list of the files that will be uploaded.

headers HttpHeaders

The headers of the request.

Constructors

UploadEvent (files: Array<FileInfo>, headers: HttpHeaders)

Constructs the event arguments for the upload event.

Parameters

files Array<FileInfo>

The list of the files that will be uploaded.

headers HttpHeaders

The headers of the request.

Methods

isDefaultPrevented

If the event is prevented by any of its subscribers, returns true.

Returns

boolean true if the default action was prevented. Otherwise, returns false.

preventDefault

Prevents the default action for a specified event.
In this way, the source component suppresses the built-in behavior that follows the event.