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.