File Uploader
Javascript enhanced uploaders for easier file handling.
Basic File Uploader
Using the basic file uploader up, upload here to see how
.basic-filepond
look.
ImgBB Uploader
Using the basic file uploader up, upload here to see how
.imgbb-filepond
-based basic file uploader
look. You must use name=image
or by
FormData fieldName for your input
type=file
to upload in imgBB.
Multiple Files
Using the basic table up, upload here to see how
.multiple-files-filepond
-based basic file
uploader look. You can use allowMultiple
or
multiple
attribute too to implement
multiple upload.
With Validation
Using the basic table up, upload here to see how
.with-validation-filepond
-based basic file
uploader look. You can use
see here
or
required (to make your input required),
data-max-file-size (to limit your input file size),
data-max-files (to limit your uploaded files), etc
(start with data-)
attribute too to implement validation.
Image Preview
Using the basic table up, upload here to see how
.image-preview-filepond
-based basic file
uploader look. This preview for uploaded or dropped
images.
Image Exif Orientation
Using the basic table up, upload here to see how
.image-exif-filepond
-based basic file
uploader look. This helps in correctly orienting photos
taken on mobile devices.
Image Auto Crop
Using the basic table up, upload here to see how
.image-crop-filepond
-based basic file
uploader look. You can use
imageCropAspectRatio
or
image-crop-aspect-ratio
to set aspect
ratio.
Image Auto Filter
Using the basic table up, upload here to see how
.image-filter-filepond
-based basic file
uploader look.
Image Auto Resize
Using the basic table up, upload here to see how
.image-resize-filepond
-based basic file
uploader look.