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

Uploading Files by Using External Button


ProductProgress® Kendo UI Upload


How can I upload files in the Kendo UI for Angular Upload by using an external button?


By default, when the autoUpload option is set to false, the Upload component renders the Clear and Upload buttons under the selected files.

To hide the default buttons, apply custom CSS.

  1. Set the Angular ViewEncapsulation to None. Otherwise, the custom styles will not be applied unless they are provided on a global level.

    .k-actions {
      display: none
  2. Create custom buttons to upload and clear the selected files by utilizing the uploadFiles and clearFiles methods in the click handler function.

The following example demonstrates the full implementation of the suggested approach.

View Source
Change Theme:

In this article

Not finding the help you need?