All Components


import { Component } from '@angular/core';
import { RemoveEvent } from '@progress/kendo-angular-upload';

  selector: 'my-upload',
  template: `
export class UploadComponent {
  uploadSaveUrl: string = "saveUrl";
  uploadRemoveUrl: string = "removeUrl";

  removeEventHandler(e: RemoveEvent) {
    console.log("Removing a file");
import { Component } from '@angular/core';
import { Response, ResponseOptions } from '@angular/http';
import { MockBackend } from '@angular/http/testing';

  selector: 'my-app',
  template: `<my-upload></my-upload>`
export class AppComponent {
  constructor(private backend: MockBackend) {
      Mocked backend service.
      For further details check:
    this.backend.connections.subscribe((c: any) => {
      let response = new Response(<ResponseOptions>{ status: 200 });

      if (c.request.url === "saveUrl") {

        setTimeout(() => {
        }, 1500);
      } else if (c.request.url === "removeUrl") {
import { enableProdMode, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Http, HttpModule, ConnectionBackend, BaseRequestOptions,
         Response, ResponseOptions, ResponseType } from '@angular/http';
import { MockBackend } from '@angular/http/testing';
import { UploadModule } from '@progress/kendo-angular-upload';
import { AppComponent }   from './app.component';
import { UploadComponent }  from './upload.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

  imports:      [ BrowserModule, HttpModule, UploadModule, BrowserAnimationsModule ],
  declarations: [ AppComponent, UploadComponent ],
  bootstrap:    [ AppComponent ],
  providers: [BaseRequestOptions, MockBackend, {
        provide: Http,
        deps: [MockBackend, BaseRequestOptions],
        useFactory: (backend, options) => {
            return new Http(backend, options);

export class AppModule { }


import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
const platform = platformBrowserDynamic();

Fires when an uploaded or selected file is about to be removed. If you cancel the event, the removal is prevented.

Arguments for the remove event:

data Object

An optional object that is sent to the remove handler in the form of a key/value pair.

files Array<FileInfo>

The list of the files that are about to be removed.

headers Headers

The headers of the request.


RemoveEvent (files: Array<FileInfo>, headers: Headers)

Constructs the event arguments for the remove event.


files Array<FileInfo>

The list of the files that are about to be removed.

headers Headers

The headers of the request.



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


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


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

In this article