New to Kendo UI for Angular? Start a free 30-day trial

CancelEvent

Arguments for the cancel event. The cancel event fires when the user cancels the process of uploading a file or a batch of files.

 @Component({
   selector: 'my-upload',
   template: `
   <p>Click the <span class='k-icon k-i-cancel'></span> icon during upload to trigger the event</p>
   <kendo-upload
     [saveUrl]="uploadSaveUrl"
     [removeUrl]="uploadRemoveUrl"
     (cancel)="cancelEventHandler($event)">
   </kendo-upload>
   `
 })
 export class UploadComponent {
   uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
   uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint

   cancelEventHandler(e: CancelEvent) {
     console.log('Canceling file upload', e.files);
   }
 }

files

Array<FileInfo>

The list of the files that were going to be uploaded.

Constructors

CancelEvent

(files: Array<FileInfo>)

Constructs the event arguments for the cancel event.

Parameters

files

Array<FileInfo>

The list of the files that were going to be uploaded.

In this article

Not finding the help you need?