A repository of over 1000 quality jQuery plugins

jQuery Droparea

Droparea is a jQuery Drag / drop plugin.

Created by Gokercebeci

droparea is a HTML5 drag and drop image/file uploader jQuery plugin

Not what you're looking for? Click here to view more Drag / drop jQuery plugins

h1. Droparea

droparea is a jQuery plug-in for HTML5 drag-and-drop (images and files).

Originally it has:

  • client-side image resizing with canvas on browser option
  • data url option for sending a file/image as a text field with ajax
  • click event for browsing files

Tested on:

  • GoogleChrome (Linux; v. 23)
  • Mozilla Firefox (Linux; v. 17)

h2. Usage


  
%MINIFYHTML164dffbd4a3ac86e7b2511d034163d4f12%

h2. Options available

Note: If you want to post more data while uploading a file, you can use "data tag". For example: @data-custom="custom-data"@


data-width,
data-height : Optional but required for canvas resizing.
data-crop   : Optional. This is crop option for canvas resizing. [true/false]
data-canvas : Canvas resizing option. Default value is false.
data-post   : Optional. This is an URL for direct posting.
data-type   : Optional. File tld. [png, jpg, zip] Separate with coma if more than one.

h2. Contributors



You might also like these other Drag / drop jQuery Plugins

  • Sortable

    Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, ...

  • Dragula

    Drag and drop so simple it hurts

  • JQuery Filer

    Simple HTML5 File Uploader, a plugin tool for jQuery which change completely File Input and make it with multiple file selection, drag&dr...