Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

Releases for fileUploadArea


fileUploadArea 0.2

Submitted by rudolfrck on November 28, 2009 - 5:31pm

Plugin to allow multiple file upload with drag and drop directly from a file explorer

Uses the new File API supported by Firefox 3.6. Enables you to target any html element and turn it into a hotspot for receiving files from the file explorer!
Each file will be sent as a binary AJAX-request with customizable GET params. Includes support for callbacks to track the progress and completion of the file.

EXAMPLES

=== With all options specified ===

All options have default values, so none of these are required.

$('.droppable-content').fileUploadArea({
url: 'upload.php',
params: {
param1: 'value1',
parma2: 'value2'
},
onDragEnter: function () {
$(this).addClass('dragenter');
},
onDragOver: function () {
$(this).addClass('dragover');
},
onDragLeave: function () {
$(this).removeClass('dragover dragenter');
},
onDrop: function (file) {
console && console.log(file.fileName + ' dropped');
},