Home

Documentation Overview

Basic plugin information

• Demo page (and Demo implementation information).
• How to Setup the plugin on your website.
• How to use only the Basic plugin (minimal setup guide).
• Security considerations.
• The plugin API.
• List of all available Options - including events and callback methods.
• Explanation of all Plugin files.
• Extended Browser support information.
• Frequently Asked Questions (FAQ)

Customization how-tos

• Plugin extensions (Developer Guide)
• How to implement a different Template Engine.
• Performance Optimizations to speed up page load times.
• Style Guide with explanations for the provided CSS code.
• Using the plugin with jQuery UI.
• How to submit additional Form Data.
• How to submit files asynchronously.
• Upload multiple resolutions of one image with multiple resize options.
• Multiple File Upload Widgets on the same page
• Multiple File Input Fields in one Form.
• How to implement Chunked file uploads.
• Cross domain uploads (Cross-site uploads).
• How to add Drop zone effects.
• How to display Extended progress information.
• Drag and drop uploads from another web page
• Fixing Safari hanging on very high speed connections (1Gbps)
• Direct upload to YouTube
• Working with Databases

Server-side

PHP

• PHP user directories
• PHP Session Upload Progress
• Working with Databases (user contribution)
• Beautiful HTML5 File Uploads using CakePHP and jQuery File Upload (user contribution)
• jQuery File Upload + CakePHP 2.1.x (user contribution)
• Source for Amazon S3 Upload with PHP SDK by roberto colonello
• Zend-framework integration (user contribution).
• jQuery-File-Upload-6.5-with-CodeIgniter-2.1 (user contribution)
• jQuery-File-Upload,---Multi-file-upload-with-CodeIgniter (user contribution)

Python (Google App Engine, Django, web2py)

• How to use the plugin with Google App Engine.
• Django integration tutorial and demo code (user contribution).
• Same Django reusable Plugin and article (user contribution).
• Another Django integration (user contribution).
• Django >= 1.2.5 integration with CSRF enabled repo wiki (user contribution).
• web2py (Python framework) port (user contribution).
• Pyramid demo port (user contribution).

Ruby (on Rails)

• S3 Uploader Rails Example (user contribution). Is able to use XHR uploads directly to S3, despite S3 not supporting Access-Control-Allow-Origin, by hosting an (iframed) upload form on S3 itself (tricksy!)
• Using the plugin to Upload directly to S3 (user contribution). Uses the iframe-transport fallback, so lacks niceties like the progress bar
• Using the plugin to upload directly to S3 with new CORS support
• Rails + (Carrierwave || Dragonfly) Rails-setup-for-V6 (user contribution)
• Rails 3.1.3 without asset-pipeline demo app (user contribution)
• Rails 3.2.8 with asset-pipeline demo app (Forked and improved from banditj user contribution)
• Screencast 381 - jQuery File Upload (Ryan Bates, RailsCasts)
• Screencast 383 - Uploading to Amazon S3 (Ryan Bates, RailsCasts)

JavaScript

• Express.js middleware for jQuery File Upload by Aleksandr Guidrevitch

Go

• jfu package for integration with Go applications, backed by MongoDB + Memcache (user contribution).

Java

• Code samples for Google App Engine Java (user contribution).
• [File Upload with Spring and jQuery] (http://krams915.blogspot.com/2012/06/file-upload-with-spring-and-jquery-part_2793.html) (user contribution).
• Upload Servlet excercise (user contribution).
• [Modified Upload Servlet] (https://github.com/amilarajans/jQuery-File-Upload-for-java) complete working example (user contribution).

ASP.NET

• Fork of this project adding an ASP.NET server example (contribution from Tim Abell), an IHttpHandler based example. Upload only.
• ASP.NET example code (contribution from Sam at webtrendset.com), a simple ashx based example, available as a zip file download. Upload support only. Focus on IE handling.
• An ASP.NET MVC 3 example with the same functionality as an original plugin demo + large files upload support for ASP.NET (contribution from Max Pavlov)
• A fully functional github hosted ASP.NET example (contribution by Iain Ballard), based on ashx handlers. Provides full upload / delete / thumbnail functionality.
• .NET File Upload Handler implementation by Shannon Whitley
• ASP.NET Multiple File Upload With Drag & Drop and Progress Bar Using HTML5 (user contribution)

ASP (Classic)

• ASP VBscript example (user contribution)

Documentation for v.4 (old branch)

Basic plugin information

• How to Setup v4 the plugin on your website.
• The plugin API v4.
• List of all available Options v4 for this plugin.

Customization how-tos

• How to queue files and start uploads with a button click v4.
• How to implement File Limits v4.
• How to submit additional Form Data v4.
• Multiple File Input Fields in one Form v4.
• Multiple plugin instances on the same page v4.
• Sequential Uploads v4.
• How to upload multiple files with one request v4.
• How to invoke a method after all uploads have completed v4.
• Chunked Uploads v4.

Server-side specific tutorials

• How to use the plugin with the Flask Python Microframework (user contribution)
• jQuery-File-Upload-v4-for-Rails-3: basic Rails 3 tutorial (user contribution)
• Sample app using Rails 3, carrierwave and jquery-file-upload to upload and store files on Amazon S3 (user contribution)
• jQuery File Upload for Java: basic Java application (user contribution)
• How to use the plugin with CodeIgniter (PHP) (user contribution)
• jQuery File Upload for C# (Forms): basic C# Forms application (user contribution)
• C# example on How to populate the file list on page load or between page refresh (user contribution)
• How to use the plugin with Yii framework (PHP) (user contribution)