20 jQuery File Upload Scripts | Free and Premium

Read the full post

jQuery AJAX can improve your website’s functionality with minimum effort, especially if you decide to use free or premium scripts, instead of coding them yourself.  jQuery is very popular because it also has multi-browser support, so integrating it is extremely easy.

jQuery File Upload scripts are perfect for resources websites that require a huge number of files to be uploaded either by the registered member or by the webmaster. Think of popular websites such as Dribbble and Deviantart. These are some examples that use jQuery file upload scripts because uploading files to a website manually via FTP is not that simple.

All you have to do is add the script code to the HTML page and you will see a beautiful jQuery file upload add-on that will let users select and upload their files.

The file upload function is very important, but sometimes creating a file uploader interface is not a simple task. That’s when jQuery file upload scripts come in handy! Choosing the ideal file upload script for a specific website can be tricky, that’s why we gathered here 20 jQuery file upload scripts, both free and premium, to help you out!

With the help of these jQuery file upload scripts, you will be able to add a file upload interface to your websites or web app and make them more user-friendly and functional. Here they are!


FileGator comes with various user accounts with private folders. You can upload, edit, manage, zip and share as many files and folders as you wish.

1 FileGator

Mini AJAX File Upload Form

AJAX file upload form allows users to upload files from their browsers with drag/drop or by picking them one by one.

2 Mini AJAX File Upload Form


Dropzone.js is a great JavaScript library which turns a HTML element into a drop zone.  Any user can drag and drop a file onto it.

3 Dropzone

jQuery File Upload

File Upload is available with multiple file selection, drag&drop support, audio and video for jQuery.  This widget works with any server-side platform such as Google App Engine or PHP.

4 jQuery File Upload

Real Ajax Multi Uploader

Real Ajax Multi Uploader has a multi-upload file system for web applications. The upload server side script is written for PHP and ASPX and it can be used in all server side languages (JSP, PERL). Ajax upload is also easy to use and does not require any special skills.

5 Real Ajax Multi Uploader

ImagePicker: Uploader – Webcam – Cropper

This interesting ImagePicker offers a rapid and simple way to upload images for profile avatar, profile header/cover or generate thumbnails.

6 ImagePicker

HTML5 File Uploads with jQuery

This script allows people to upload photos from their computers by dragging and dropping them onto the browser window.

HTML5 File Uploads with jQuery

jQuery filer

jQuery.filer is a plugin tool for jQuery which changes File Input completely. It allows multiple file selection, drag&drop support and many other features and advantages.

 8 jQuery filer

HTML 5 Upload Image, Ratio with Drag and Drop

The HTML5 Upload image tool comes with fallback options. It includes a ratio and drag and drop feature which makes it the perfect tool for use in a CMS.

9 HTML 5 Upload Image, Ratio with Drag and Drop

jQuery Slim, Image Upload and Ratio Cropping Plugin

Here’s a modern cross platform responsive image cropping and uploading script with slim features beautiful animations and graphics.

jQuery Slim, Image Upload and Ratio Cropping Plugin


Closify is a jQuery image uploading library that can be used to manipulate images. Closify allows you to upload images and on the same page resize, crop and save them. Moreover, the images uploaded maintain their aspect ratio.

11 Closify

Fine Uploader

Fine Uploader is a popular jQuery library for uploading and scaling files. This can be an ideal solution for every website that needs a reliable file uploading solution.  Fine Uploader also fully supports cloud file management.

12 Fine Uploader


Flow.js is a JavaScript library that allows multiple simultaneous, stable and resumable uploads via the HTML5 File API. It is available with features like pausing and resuming file uploads, to recover last lost uploads or to manage errors within the uploader.

13 Flow


Formstone is a great resource in our list. It has a simple drag and drop interface that permits you to upload single or multiple files. It’s a perfect solution for websites that are looking for extra components without any hard to use features.

14 Formstone

jQuery HTML5 Uploader

This jQuery HTML5 uploader it’s built with the same philosophy in mind as the uploading widget that Gmail uses. Any Gmail user will love it.

15 jQuery HTML5 Uploader


PekeUpload is created with Twitter Bootstrap and is very easy to use and to style.  It also allows you to remain in control of your file uploads while being able to set file size limits.  Visual content can be previewed directly before and after uploading.

17 PekeUpload

Backbone Upload Manager

Backbone is a very popular JavaScript framework. The Backbone Upload Manager is an amazing addition to this framework.  This upload manager is very modern and stands out with a powerful list of features and capabilities.

16 Backbone Upload Manager


FileDrop.js is a JavaScript , which permits multiple file uploads.  It focuses on direct browser file uploading with custom notification alerts.

18 FileDrop


FileAPI is a fully developed project that comes with the fundamental functions, calls, and events to create file uploaders for desktop apps, mobile apps, and general web projects.

19 file api


Resumable.js is available with a simple file upload environment which permits to upload multiple files, to pause and resume uploads. Large files can also be easily split into multiple chunks to enable resumable uploads.

20 Resumable

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

No Comments

Leave a response