Simple widget for multiple file uploads across browsers

Problem

I needed a basic way to present multiple file uploads to the user.

It needed to:

• Easily add a new file.
• Easily remove a file.
• Have no image dependencies.
• In Internet Explorer only show the filename being uploaded, not the full path.
• The widget would need to be extensible, like associating a select field with the input[file] (see below).
• Numbering of the input[file] would need to support array naming (userfile[]) as well as numeric naming (userfile1,userfile2,etc).

Based on jquery(ui) using the widget pattern and qunit tests.

Screenshots

Article

See full article here at http://minimul.com/simple-way-to-upload-multiple-files.html