Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
droparea is a HTML5 drag and drop image/file uploader jQuery plugin
branch: master

This branch is 11 commits behind gokercebeci:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
LICENCE
README
droparea.js
index.html
post.php
upload.php

README

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.

Something went wrong with that request. Please try again.