Form controls

File and photo uploader

A drop zone plus a numbered photo strip you can reorder by drag (or keyboard). Each slot shows whether its alt text is written. Files show progress, done and failed rows.

Live specimen

Lifted from the approved family page at build time; interact with it.

File and photo uploader

Photo slots · nine named slots, coverage at a glance, drag to reorder; files show progress and a reason when they fail.

Anchor photo set Drag a photo onto another slot to move it.
5/9 · alt 3/5
Hero
Heroalt ✓
Backalt ✓
Sleeveno alt
Drop or browse
Hem
Uploading…
Gaze64%
Lapelalt ✓
Slot already has a photo
Head turn
Fabric foldno alt
Drop or browse
Ghost
Photo details
Anchor · HS 81045
0/300
File uploader
Upload a price listCSV from the pricing export, up to 5 MB
Files
rj-clothing-prices-oct.csv18 KB · 214 rows read
rj-mtm-prices-oct.csvUploading · 41 of 64 KB
prices-final.xlsxExcel files can’t be read. Export it as CSV and try again.
default
Drop CSV
hover
Release to upload
focus
Press Enter to browse
disabled
Save first to add photos
error
File over 5 MB
loading
Reading 214 rows…
Uses.fc-slots.fc-slot[draggable].fc-empty.fc-cov.fc-prow.fc-drop.fc-file--studio--r-card

from families/form-controls/#uploader