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. It also lets you copy, move, rename, create, edit or delete online files and folders and create archives with zip or unzip and decompress files online.

1 FileGator jQuery File Upload Scripts

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. In this tutorial, you are going to create an AJAX file upload form.

2 Mini AJAX File Upload Form


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

3 Dropzone jQuery File Upload Scripts

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 in 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. It has a Drag & Drop support and a responsive design.

6 ImagePicker jQuery File Upload Scripts

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. It uses canvas to crop the image, no server scripts are needed. If you want to use a server script you can simply change it with additional options.

9 HTML 5 Upload Image, Ratio with Drag and Drop

jQuery Slim, Image Upload and Ratio Cropping Plugin

Here’s a modern cross-platform image cropping and uploading script with slim features beautiful animations and graphics. It is responsive and mobile friendly, fast and beautiful animations, drag and drop images and URLs, JavaScript and jQuery API, and more.

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 jQuery File Upload Scripts

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 jQuery File Upload Scripts


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 jQuery File Upload Scripts


Formstone is a great resource on 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 File Upload Scripts

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 jQuery File Upload Scripts

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. It also lets you upload a file by clicking on the drop zone.

18 FileDrop jQuery File Upload Scripts


Here’s a set of javascript tools for working with files. 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 jQuery File Upload Scripts


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 jQuery File Upload Scripts

  • 187
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