Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Drag and drop file uploads for any file input - degrades gracefully!
branch: master

Supported tweak

latest commit 440ba6d5e5
Arron Bailiss authored
Failed to load latest commit information.
README First Commit
demo.html Minor tweaks and tidying
jquery.drag.drop.css First Commit
jquery.drag.drop.js Supported tweak

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.