Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Drag and drop file uploads for any file input - degrades gracefully!
JavaScript
Branch: master

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
Something went wrong with that request. Please try again.