File upload
The values of `upload` inside `file-uploader` or `file-input` or `configurator-file-input`.
On this page
At a glance
is-dragover
A file is dragged over
- On
file-uploader- Use it
- To highlight the drop area.
is-uploading
A file is uploading
- On
file-uploaderand the item.- Shows
upload="progress"counts up. The form waits before adding to the cart.
has-files · is-done
The file is uploaded
- On
has-filesonfile-uploader,is-doneon the item,is-imagefor an image.- Shows
- The name, the size and, with
data-preview, the preview.
is-full
The limit is reached
- On
file-uploader- When
- It holds as many files as
data-multipleallows, here 3.
is-invalid
A file is refused
- On
file-uploader- Shows
upload="errors", with each refused file and why.
is-error
The upload failed
- On
- The item.
- Shows
- Its
upload="error": why this file failed.
More in the guide.
Where it can go
- Inside any of:
file-uploader,file-input,configurator-file-input.
Values
| Attribute and value | What it is | Notes |
|---|---|---|
upload="dropzone" | Drop zone | on container |
upload="list" | File list | on container |
upload="item" | File row | Template: one per file; on container |
upload="preview" | Preview | on image, container |
upload="name" | File name | on text |
upload="size" | File size | on text |
upload="progress" | Progress | on container |
upload="error" | Error | on text |
upload="remove" | Remove | on button, link |
upload="errors" | Errors | on container |