SOW : File Upload

Note This is a basic demo! Please see main full documentation here.
Regular Input
Multiple Files & Preview
Single File & Preview
Button Type
Clear files
Customizable & Preadded
0% Completed
Preadded Files (drag to reorder)
filename.jpg 124 Kb ... filename.mp3 159.34 Mb mp3
Inner Image
  

Regular, inner preview

  

Ajax, inner preview

Variations
Static
Ajax
List Type

Layout Examples

Copy the bottom class and add to data-file-preview-class

You can combine the utility class to create more layouts. No CSS code!

Item with image preview.jpg
1.22 Mb
mp3
No image, extension only.mp3
159.34 Mb
mov
My great movie file.mov
1.12 Gb
mov
Lorem ipsum dolor sit amet adipiscium because this is a very very very very very long long long long text.txt
15.3 Kb
Bigger example by changing:
data-file-preview-img-height="50"
USED CLAESSES data-file-preview-class="shadow-md mb-2 rounded"