1. Dashboard
  2. Advanced Forms
  3. Multi File Upload

Basic upload

This is just an example of flow.js. No files are actually uploaded.
Upload File Upload Folder OR Drag And Drop your file here

Resume all Pause all Cancel all Total Size: {{$flow.getSize()}} bytes
{{file.relativePath}} ({{file.size}}bytes)
{{file.progress()}}% Complete
Pause Resume Cancel Retry

Gallery upload

Upload Image Upload Folder of Images OR Drag And Drop your images here

{{file.name}}
masked-image flow-img="file" />
{{file.progress()}}% Complete
Remove

Single Image upload

masked-image src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" />
masked-image flow-img="$flow.files[0]" />
Select image Change Remove

Only PNG,GIF,JPG,JEPG files allowed.