• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Uploads / API / FileSelectComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

FileSelectComponent

Selector

kendo-fileselect

Export Name

Accessible in templates as #kendoFileSelectInstance="kendoFileSelect"

Inputs

NameTypeDefaultDescription

accept

string

Sets the accept attribute of the input element of the FileSelect.

disabled

boolean

false

Disables the FileSelect. To learn how to disable the component in reactive forms, refer to the article on Forms Support.

multiple

boolean

true

Enables the selection of multiple files (see example). If set to false, only one file can be selected at a time.

name

string

Sets the name attribute of the input element of the FileSelect.

restrictions

FileRestrictions

Sets the restrictions for selected files.

showFileList

boolean

true

Toggles the visibility of the file list.

tabindex

number

0

Specifies the tabindex of the FileSelect.

zoneId

string

Specifies the id of the external drop zone to associate with the FileSelect.

Events

NameTypeDescription

blur

EventEmitter<any>

Fires when the user navigates outside the component.

focus

EventEmitter<any>

Fires when the component is focused.

remove

EventEmitter<RemoveEvent>

Fires when a file is about to be removed. If prevented, the file will remain in the list.

select

EventEmitter<SelectEvent>

Fires when files are selected. If prevented, the selected files will not be added to the list.

valueChange

EventEmitter<File[]>

Fires when the value of the component has changed as a result of a successful select or remove operation.

Methods

clearFiles

Visually clears all files from the UI.

focus

Focuses the underlying input element.

removeFileByUid

Removes specific file from the file list.

Parameters

uid

string

In this article

Not finding the help you need?

Contact Support