How to crop an image using jquery ajax and php?

Question

Hi I am doing an social networking project ,where i have an option to add/edit photos ,When user clicks the button the image will be uploaded to the database and it will be updated...but then when user click on the crop button it will open in some popup or modal window and then user crop that image then it will save in database through ajax and php and then display it on his position.

Is there any jquery plugin like this or need to do custom code.

if custom code then what is the best way.

Answer 1

试试这个http://deepliquid.com/content/Jcrop_Download.html

Answer 2

This is the perfect script i found. for this

UberUploadCropper V2 – Upload, Crop, No Flash

Answer 3

A wonderful tutorial about crop photo using php and jquery , I made it for 5 months, and it has been used by a lot off applications. http://www.bewebdeveloper.com/tutorial-about-crop-photo-using-php-and-jquery

Answer 4

Try my online Photoshop tool built in PHP GD and Javascript.

http://www.sajithmr.me/photoshop/

Here you can crop, re-size, rotate add watermark image and add watermark text

I also published the full source code in my blog

Hope it helps

Thanks

Sajith

Answer 5

This might be what you're after...

http://www.codeforest.net/how-to-crop-an-image-using-jquery-and-php

Answer 6

I've used this tutorial to achieve that goal:

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-jquery-image-cropping-plug-in-from-scratch-part-ii/

Answer 7

You could always use the 'jCrop' plugin (just Google jCrop) and use imagik to handle the resize and crop.

jCrop just basically gathers an x and y coordinate and targets the value into a hidden field in a form. So once you post the form you can just use the imagik method cropImage to crop the image using the post values like:

'cropImage($width, $height, $x, $y)'

Sorry the reply is a bit vague.

Answer 8

你可以尝试这个插件http://odyniec.net/projects/imgareaselect/