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.