CODEWITHSUNDEEP
jqueryhtmldrag-and-dropresizecrop
Seb
Seb

Reputation: 152

jQuery resize ( drag n drop ) & crop

I've been working on a project for a while which involves the following ( this is the bit where I'm stuck ): I have to upload an image,with a non-flash uploader only ie: http://blueimp.github.com/jQuery-File-Upload. After this image is uploaded it should open in a lightbox ( fancybox, etc ) and the user should have the option to a) resize the image using drag n drop function ( not to give the actual coordinates ); b) crop the resized image to a fixed width & height. It would be great if the above can be done simultaneously!

I've been looking for plugins and plugins, but I can't find anything which does the above together. Do you guys have any ideas?

Thanks, Seb

Upvotes: 0

Views: 4362

Answers (1)

Hoff
Hoff

Reputation: 39826

For the client side, I recommend checking out the imgAreaSelect plugin - it's provides the functionality you mention and is very customizable.

In terms of actually creating a modified image/thumbnail, usually you'll post the coordinates to your backend and do the actual cropping/resizing/saving there, for instance with Python's PIL or some other imaging library depeding on your language.

Upvotes: 2

Related Questions