14 Best HTML5 jQuery File Upload Scripts

byH4nk -Agustus 27, 2014

1

Anda membutuhkan JQuery upload ? berikut ini adalah 14 Best HTML5 jQuery File Upload Scripts:

Mini AJAX File Upload Form

Features

Multiple File Upload
Simultaneous uploads
Upload Anything.
Drag and Drop Support
No Flash used
Small Upload Form suits all mobile devices.
Clean progress bar
Cancel Anytime
Tutorial is available
Free Script

Demo|Download

Dropzone JS

A light weight jquery plugin for easy file uploading and easy website integration. Go through the huge list of features this plugin has and the plugin is well documented.

Features

Responsive Design
Multiple File Uploads
All File Formats supported
Image preview for images
Top interface
Cancel, Remove Options
Drag’n’drop
Sequential Upload
Free Script/ plugin

Demo|Download

The basic plus UI version of this script allows features which everyone is looking forward for like multiple file selection. The files can be drag & drop in the server with the progress bar showing the total progress of uplaoding into the server. Start making commercial websites with these amazing upload scripts to let registered members full access to uploading files. Uses are varied like say, to upload new images to the gallery, upload form data for guest posting or resume etc. Latest versions of Firefox, Chrome, IE, Safari, Opera are also supported. Building premium websites require premium scripts so dont hesitate to the buy the script which will be completely unique. We have included free html5 jquery file upload scripts as well so don’t worry if you are simply interested in adding a upload form for your own website. Check the example screenshots on how the whole uploading works as i have checked it myself. Let me know if you need more help on this and stay tuned for new updates.

Features of interest

Drag & Drop
Html Progress bar
Add multiple files
Resume file uploads
File validation and size information
Cancel Upload
Delete upload files
Show alerts when upload fails
Responsive Widget Plugin
Ruby on Rails support
PHP support etc.
Free Script
Submit start upload button to upload.

Demo Download

Fine Uploader

Javascript plugin tool to give your users a smooth experience when uploading files to your website. Fine Uploader aims to make file-uploading on the web possible in every browser and mobile device. It is cross-browser, dependency-free, and 100% Javascript.

Features of Interest

Drag & Drop Files
Switch Image Preview On/Off
With or Without Submit Buttons
Limit file size
Disallow certain file formats
Limit number of multiple items to be uploaded.
Html Progress bar
Upload direct to Amazon S3 storage.
Error message with popup
Queue Files
Instant Uploads
Flat list of uploaded files with no preview.
Option for iframe-based uploads.
Free Download

Demo Download

HTML5 File Uploads with jQuery

Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

Features of Interest

Minimal Drag & Drop Interface
Html Progress bar
No Submit Buttons
Instant upload of images
Only images allowed.
Only support Chrome & Firefox.
Preview of images.
Free to use.

Demo Download

Plupload v2.0.0

Use any form type uploading options as this script can be integrated on HTML5 website with ease. The images are resized and trimmed in total files size saving the total bandwidth as well.

Features of Interest

Add Multiple Files
Flash based progress bar
Image resizing on the fly
Queued Files
Submit button for uploading files.
Error message for format others than images.
Stop upload anytime.
Total filesize
Free script

Demo Download

Uploadify HTML5 File Upload jQuery Script

A fully customizable script to do the file uploading process easy. Uploadify™ is a jQuery plugin that allows you to easily add multiple file upload functionality to your website.

Features of Interest

Multiple File Uploads
Drag & Drop
Real-Time Progess bars
Specifiy restrictions for file
Premium support
HTML5 version costs 5$

Demo Download

jQuery Fileuploader Plugin

jQuery fileuploader plugin is a powerful plugin which was designed for simplicity. It was inspired by uploadify but its functionality and concept is different. jQuery fileuploader uses html5 api which support ajax upload and drag and drop, and fallback to iframe upload for legacy browsers.

Features of interest

Multi File Selection & Upload
Image only
Files are Queued
Submit button to upload
Platform Independent
Html Progress bar
Html5 Drag & Drop
Free script

Demo Download

Ajax+PHP Multi Images-Multi Files Uploader

Ajax+PHP Multi Images-Multi Files Uploader is a tool (and not a full Gallery) to upload multiple Images and/or Files using the same form. In addition is bundled with many features to make your life easier.

Features of interest

Multi File upload
Progress bar without flash
Drag & Drop
Upload any file (txt, pdf, jpg etc)
Crop uploaded images
Webcam captures
Responsive Design
Add image description
Bootstrap 3 Ready
No page refresh
Premium script costing $11

Demo Download

The AwsmUploader: Unlimited Uploads w/o Flash!

The AwsmUploader lets you easily upload files by drag-n-drop (built-in) or by feeding it with files from own sources (such as regular file-inputs). It was built using plain JavaScript, HTML5 and PHP (that’s all it needs).
The AwsmUploader does not require any of these: Flash, ActiveX, Chrome extensions, 3rd party libraries (e.g. jQuery, Dojo, MooTools, Modernizr), plug-ins of any type, server-side frameworks etc.

Features of Interest

Drag & Drop Support
Multiple file upload and queuing
Set file size limit on the fly
Limit Maximum parallel uploads
Set image thumbnails ON/OFF
Big progress bar to drop files
No Flash
Supports all desktop & mobile browsers
Upload huge multiple file formats
Responsive Design
Real time file uploads
Premium script costing $12

Demo Download

HTML5 Pure Uploader

The pure uploader script which pushes the boundaries of normal image uploaders and also other file type scripts. Add watermark to the uploaded image and resize them easily.

Features of Interest

Drag & Drop Files
Upload any file types
Cancel uploads
Image watermark and resize.
Multiple files at a time
Start upload button
Responsive Design
HTML5 Progress bar
All top browser support
Error customization

Demo Download

Quform – Responsive Ajax Contact Form

Quform is a powerful responsive ajax contact form that you can easily embed into any web page in a matter of minutes. This contact form lets you place attachment files with ease and will sent the same to the recipient. A perfect guest post scenario or uploading resume for a job you are interested in. The form data is saved to the database so a database is a must for this jQuery Ajax script.

Important Features

Multiple File upload
Restrict the submission of form with many factors
Responsive design
Works in all major browsers
Tested on all mobile devices (with android or iOS)
Form validation & filtering
Form data saved to a database
Autoresponsders
All file formats supported for upload.
Easy integration to a HTML or a php page.
Premium script costing $6
Over 4000 sales

Demo Download

Small File Uploader

Small Uploader is a PHP script which allows uploading multiple files WITHOUT using Flash. This file uploader uses AJAX and will not force the page to reload. The feedback about uploading files are given through it’s well designed user interface. This script is perfect for uploading small files.

Features

Switch Drag and Drop On/Off
Doesn’t use Flash
Server upload errors are shown
Display file size and type
Limit file size
Multiple file type support
Its light weight.

Demo|Download

FileGator

A completely different script for completely different use as this not your everyday needy script. Upload, edit, manage, zip and share files and folders. A upload plugin to rule them all and this is the plugin you are looking for, if you are into filehosting service. Similar related service i can think of is rapidshare, mediafire, hotfile etc.

Features