<dy-file-picker>
A component that enables users to select files or directories from their device. It supports various file types, multiple file selection, and directory selection modes.
Example
Loading...
<dy-file-picker
style=${"width: 100%;"}
.multiple=${true}
.directory=${true}
@change=${(evt) => evt.target.value = evt.detail}> Upload Directory </dy-file-picker> <dy-file-picker
style=${"width: 100%;"}
.multiple=${true}
.type=${"image"}
@change=${(evt) => evt.target.value = evt.detail}> Upload Image </dy-file-picker>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
type(type) |
Yes | 'file' | 'image' |
|
accept(accept) |
Yes | string |
|
placeholderplaceholder |
Yes | string |
@deprecated |
directory(directory) |
Yes | boolean |
|
disabled(disabled) |
Yes | boolean |
|
multiple(multiple) |
Yes | boolean |
|
change |
Emitter<FileItem[]> |
||
value |
Yes | FileItem[] |
Instance Methods
| Method | Type |
|---|---|
showPicker |
() => void |
Other
| Type | Value |
|---|---|
| Event | change |
| Slot | unnamed |
| Part | button, item |