File Upload

Basic Uploader

Metrical provided different type of file uploaders. Use the one that best fit for you.

Buttons Upload

Normal buttons

Iconic buttons

Block level

Input Uploader

Default

Round

Fill

Line

Input Groups Uploader

Default

Round

Fill

Line

Dropify Uploader

Override your image input files with style.

defaultFile

Drag and drop a file here or click

Ooops, something wrong happended.

url_of_your_file

url_of_your_file

Drag and drop or click to replace

Uploader Height

Drag and drop a file here or click

Ooops, something wrong happended.

500x500

500x500

Drag and drop or click to replace

maxFileSize

Drag and drop a file here or click

Ooops, something wrong happended.

500x500

500x500

Drag and drop or click to replace

Uploader Disabled

Drag and drop a file here or click

Ooops, something wrong happended.

500x500

500x500

Drag and drop or click to replace

showRemove

Drag and drop a file here or click

Ooops, something wrong happended.

Drag and drop or click to replace

showLoader

Drag and drop a file here or click

Ooops, something wrong happended.

Drag and drop or click to replace

showErrors

Drag and drop a file here or click

Ooops, something wrong happended.

Drag and drop or click to replace

errorsPosition

Drag and drop a file here or click

Ooops, something wrong happended.

Drag and drop or click to replace

allowedFormats

Drag and drop a file here or click

Ooops, something wrong happended.

Drag and drop or click to replace

allowedFileExtensions

Drag and drop a file here or click

Ooops, something wrong happended.

Drag and drop or click to replace

DropzoneJS Uploader

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

DropzoneJS Basic

DropzoneJS Background