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.
fileUploadArea 0.2
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');
},
progress: function (percent) {
console && console.log(this.fileName + ' | percent: ' + percent + ' | total: ' + totalPercent);
},
fileComplete: function (response) {
console && console.log(this.fileName + ' | complete! response: ' + response);
},
complete: function (response) {
console && console.log('All files uploaded');
}
});