droparea :: HTML5 drag & drop image file uploader jQuery plugin
JavaScript PHP
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 1 commit ahead, 11 commits behind gokercebeci:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


droparea is a HTML5 drag and drop image/file jQuery plug-in and a php script for 

I added:

  * 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

I developed it to use on my Uygulama project's new version.

I've only tested it on 
  * Chromium (14.0.835.202), 
  * Google Chrome (15.0.874.120),
  * Mozilla Firefox (3.6.17) "has some bugs" 
and it works enough for me for now!

goker.cebeci, the developer


<input type="file" class="droparea" data-crop="true" ... />


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

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.