FileSelectComponent

Represents the Kendo UI FileSelect component for Angular.

html

<kendo-fileselect> </kendo-fileselect>

Selector

kendo-fileselect

Export Name

Accessible in templates as #kendoFileSelectInstance="kendoFileSelect"

Inputs

Name	Type	Default	Description
accept	string		Sets the accept attribute of the internal input element of the component.
disabled	boolean	false	Disables the component.
multiple	boolean	true	Allows you to select multiple files. When you set this to false, you can select only one file at a time.
name	string		Specifies the name attribute of the input element of the FileSelect.
restrictions	FileRestrictions		Sets the restrictions for selected files.
showFileList	boolean	true	Controls the visibility of the file list.
tabindex	number	0	Sets the tabindex of the component.
zoneId	string		Sets the id of the external drop zone that you want to associate with the component.

Events

Name	Type	Description
blur	EventEmitter<any>	Fires when you navigate outside the component.
focus	EventEmitter<any>	Fires when you focus the component.
remove	EventEmitter<RemoveEvent>	Fires when you are about to remove a file. If you prevent this event, the file will remain in the list.
select	EventEmitter<SelectEvent>	Fires when you select files. If you prevent this event, the component will not add the selected files to the list.
valueChange	EventEmitter<File[]>	Fires when the component value changes after a successful select or remove operation.

Methods

blur
Blurs the component if you previously focused it.

clearFiles
Clears all files from the UI.

focus
Focuses the component's Select files button.

removeFileByUid
Removes a specific file from the file list.
Parameters uid string The uid of the file to be removed.