Use the Headless file input component to create your own avatar upload component. It works the same as a regular file input, but you can style it however you want. Below is an example of an avatar upload component.
Show codeHide code
vue
Use the Headless file input component to create your own file upload component. It works the same as a regular file input, but you can style it however you want. Below is an example of a file upload component.
Drop files to upload
Or
Show codeHide code
vue
Name
Type
filter-file-droppedAllows to filter files when dropped.
Show exampleHide example
vue
idThe form input identifier.
Show exampleHide example
vue
multipleAllows multiple files to be selected.
Show exampleHide example
vue
Name
Type
elThe underlying HTMLInputElement element.
Show exampleHide example
vue
filesThe model value of the file input.
Show exampleHide example
vue
openOpens the native file input selector.
Show exampleHide example
vue
removeRemoves a file from the input.
Show exampleHide example
vue
previewReturns the preview DataURL of a file.
Show exampleHide example
vue
dropHandles the drop event.
Show exampleHide example
vue