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.