Multiple File Upload plugin for jQuery - v1.0

jQuery.MultiFile is a plugin for jQuery to help users easily select multiple files for upload in a concise quick and easy manner.

 

Please refer to latest version of this script

 

Version: 1.0 | Download | Discussion Forum | Blog

 

Installation: Piece o'cake!

Just add jQuery and the jQuery Multiple File Upload plugin to the head section of your page.

 

Download: Get the good stuff...

Full version, with useless comments: jQuery Multiple File Upload
Compressed version, only 1.3kb: jQuery Multiple File Upload Compressed
jQuery: See jQuery's Official Website

 

Basic Usage: Get the job done...

Just add multi to the class property of your file input element and the script will do the rest.

Add limit-99 or max-99 to the class property of your file input element to set the maximum number of files that can be selected.

Add debug to the class property of your file input element to see it working in debug mode.

 

Advanced Usage: Knock yourself out!

Default usage: $(function(){ $.MultiFile(); });

Using your own selectors: $(function(){ $('#MyFileUpload').MultiFile(); });

Setting limit via script: $(function(){ $('#MyFileUpload').MultiFile(5 /*limit will be set to 5*/); });

 

What's next? Suggestions and feature requests...

A couple of people have suggested adding a feature to disallow certain file extensions. I think I'll implement this when I have time.

Please post suggestions and feedback in the Discussion Forum

 

Examples: Try it yourself!

Example 1 class="multi"
No limit
Example 2 class="multi limit-3"
Limit: 3 files only!
Example 3 class="multi debug"
No limit, Debug mode.
This is in bebug mode so you can see what's going on behind the scenes. This plugin is not intended to be used in this mode