JQuery imgAreaSelect create sketch

Question

I am using the jQuery http://odyniec.net/projects/imgareaselect/ plugin which allows you to crop the image.

I have a high and low search for a tutorial that allows me to write a file on a server with a cropped version ... but did not find anything useful.

I use the basic plugin integration inside Facebox. This works fine.

I have a button on the page that says "Save" when it is clicked. I would like to save a new image (cropped) on the server.

Any suggestions or need more information?

Answer 1

Check out this awesome tutorial

Answer 2

I use Jcrop for my projects, works great! http://deepliquid.com/content/Jcrop.html

http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop <-

Answer 3

Have you looked at the links at the very bottom of the plugin page? There are several useful links, including this one . This should help you get started with php.

Answer 4

It turned out that the image I was loading was larger than the size of the cropping tool area.

The image was 1024x768, however I resized the image to fit the 500x500 overlay.

I will need to resize and save the image of a new size during upload.

Thanks for all your suggestions.