Mar 28, 2018
Custom jQuery File Inputs For Image Uploading
This is a small jQuery script to create custom file inputs for image uploading that features images preview and image name caption.
Demo
Download
seen from United States
seen from United States
seen from Netherlands
seen from Saudi Arabia
seen from United States
seen from Yemen
seen from United States
seen from Saudi Arabia
seen from United States
seen from Canada
seen from China
seen from Canada
seen from Saudi Arabia
seen from United States
seen from Germany
seen from United States
seen from United States
seen from Canada
seen from New Zealand
seen from United States
Custom jQuery File Inputs For Image Uploading
This is a small jQuery script to create custom file inputs for image uploading that features images preview and image name caption.
Demo
Download
jQuery Plugin To Check Image Resolution Before Uploading - checkImageSize.js
checkImageSize.js is a tiny yet useful jQuery plugin for file input that allows to validate the required Image Resolution (min/max height and width) before uploading.
Demo
Download
Lightweight Custom File Input Control - FileBokz
FileBokz is a tiny yet powerful JavaScript library for enhancing standard HTML file inputs. It transforms the native file input into a highly customizable, feature-rich UI component with drag-and-drop capabilities, file previews, and robust validation options. Features: Tiny Footprint: Around 10kb total (JS+CSS), minimal impact on load times. Add ~4kb for the optional theme. Zero Dependencies:…
Drag-and-drop File Uploader with Preview and Validation - InputChooser
InputChooser is a tiny JavaScript plugin that provides a user-friendly drag-and-drop file upload experience with built-in previews and validation. Unlike heavier libraries like Dropzone.js, it provides essential features in 3KB (minified) while maintaining full control over the file input lifecycle. Features: Drag and drop file uploads with click-to-upload fallback Automatic image preview…
Minimal File Upload Library with Drag & Drop - Upload Zone
Upload Zone is a super tiny JavaScript library that adds convenient file upload capabilities to web applications. It processes drag and drop interactions, handles file input events, tracks upload progress, manages success and error states, validates files, and gives visual feedback during drag operations. The library works without external dependencies and integrates into existing projects…
File Drop Zone For Uploader - DnD Zone
File Drop Zone For Uploader – DnD Zone
A JavaScript library that converts a file input into a file drop zone where you can select files to be uploaded via drag and drop. How to use it: 1. Load the DnD Zone JavaScript library in the page. <script src="dnd-zone.js"></script> 2. Insert a file input into the drop zone. <div class="dndzone" id="dndzone-example"> <div class="dndzone-area"> Drop files or Click here to select…
View On WordPress
Draggable File Upload Component With jQuery - aksFileUpload.js
A jQuery plugin to help create a nice-looking, drag-and-drop file upload zone that provides an easy to select, preview, and upload files to your server.
Demo
Download
Multiple File Upload Validation Plugin - Multifile
An advanced multiple file selection jQuery plugin that chiefly enhances the native file input with file size & file format validation and more.
Demo
Download