GeoFileUpload Ready 6.2.0+
GeoFileUpload is a form input designed to upload local files to a server.
It supports drag & drop and different status variants.
Only one file can be uploaded using this component.
Properties
| Prop name | Type | Default value | Description |
|---|---|---|---|
status
| enumPropertyFactory({
componentName: 'GeoFileUpload',
propertyName: 'status',
enumDictionary: STATUS,
required: true
}) | Show description | |
uploadIcon
| array | | Show description |
successIcon
| array | | Show description |
errorIcon
| array | | Show description |
warningIcon
| array | | Show description |
Events
| Name | Type | Description |
|---|---|---|
open-pick-dialog |
MouseEvent
| User clicked on the input. |
pick-file |
File
| User picked a file. |
Slots
| Name | Description |
|---|---|
loading | Use this slot to customize what’s displaying in loading state |
title | Use this slot to customize the title displayed below icon and above help lines. |
help | Use this slot to customize help text on the bottom. |
Constants
| Name | Value |
|---|---|
STATUS | Show definition |
Examples
Full flow
Drag a file from your computer
Only one file, folders are not supported
Initial state
Drag a file from your computer
Only single files supported
Focused state
Drop the file here
Only single files supported
Success state
my-file.txt
Everything is in place!
Error state
my-file.exe
The file is not valid!
Warning state
my-file.xlsx
Something didn't work as expected
Loading state
my-file.xlsx
Loading...