/droparea

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

Primary LanguageJavaScriptMIT LicenseMIT

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

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



==USAGE==

<input type="file" class="droparea" data-crop="true" ... />
<script>
    $('.droparea').droparea([options]);
</script>


==DOC==

* 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.