jQuery File Upload Plugin

Demo

Demo File Upload

Features

• Multiple file upload:
  Allows to select multiple files at once and upload them simultaneously.
• Drag & Drop support:
  Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
• Upload progress bar:
  Shows a progress bar indicating the upload progress for individual files.
• Cancelable uploads:
  Individual file uploads can be canceled to stop the upload progress.
• No browser plugins (e.g. Adobe Flash) required:
  The implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins.
• Graceful fallback for legacy browsers:
  Uploads files via XMLHttpRequests if supported and uses iframes as fallback for legacy browsers.
• HTML file upload form fallback:
  Shows a standard HTML file upload form if JavaScript is disabled.
• Cross-site file uploads:
  Supports uploading files to a different domain with Cross-site XMLHttpRequests.
• Multiple plugin instances:
  Allows to use multiple plugin instances on the same webpage.
• Customizable and extensible:
  Provides an API to set individual options and define callBack methods for various upload events.
• Multipart and file contents stream uploads:
  Files can be uploaded as standard "multipart/form-data" or file contents stream (HTTP PUT file upload).
• Compatible with any server-side application platform:
  Works with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file uploads.

Requirements

• jQuery v. 1.4+
• jQuery UI v. 1.8+ (optional)

Browser Support (tested versions)

• Google Chrome - 7.0, 8.0, 9.0, 10.0
• Apple Safari - 5.0 ¹
• Mozilla Firefox - 3.6, 4.0
• Opera - 10.6 ², 11.0 ²
• Microsoft Internet Explorer 6.0 ², 7.0 ², 8.0 ², 9.0 ²

¹ Drag & Drop is not supported on the Windows version of Safari.
² MSIE and Opera have no support for Drag & Drop, multiple file selection or upload progress indication.

License

Released under the MIT license.

Source Code & Download

• Browse and checkout the source code.
• Download the project to add the plugin to your website.

Documentation & Support

• Documentation can be found on the Project Wiki.
• Support requests and bug reports can be posted to the Issue Tracker.