Drag and drop file uploads for any file input - degrades gracefully!
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README
demo.html
jquery.drag.drop.css
jquery.drag.drop.js

README

This plugin allows you to add drag+drop functionality to any file upload input with support for multiple files. Degrades gracefully for browsers that don't support this functionality.

Usage:
Include the plugin JS and CSS files in your page. Call the following on your page:

$('input[type="file"]').dropUpload({
	'uploadUrl'		 : '/upload',
	'uploaded'		 : function(resp) { },
	'dropClass' 	 : 'file-drop',
	'dropHoverClass' : 'file-drop-hover',
	'defaultText'  	 : 'Drop your files here!',
	'hoverText'		 : 'Let go to upload!'	
});

Options:
	uploadUrl: URL where the files should be POST'ed to,
	uploaded: Callback function that is fired when the files have been uploaded,
	dropClass: The default class to apply to the drop area,
	dropHoverClass: The class to apply to the drop area when dragging a file over it,
	defaultText: Default text to show in the drop area,
	hoverText: Text to show in the drop area when dragging a file over it

Let me know if you have any problems!

-------------------------------------------

Arron Bailiss
http://www.arronbailiss.com