• 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
    • Layoutupdated
    • 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 internal input element of the component.

disabled

boolean

false

Disables the component.

multiple

boolean

true

Enables the selection of multiple files 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 component.

zoneId

string

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

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

blur

Blurs the component if it was previously focused.

clearFiles

Visually clears all files from the UI.

focus

Focuses the component's Select files button.

removeFileByUid

Removes specific file from the file list.

Parameters

uid

string

In this article

Not finding the help you need?

Contact Support