Reputation: 1344

How to crop an image using jquery ajax and php?

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.

Upvotes: 6

Answers (8)

Ali Aboussebaba

Reputation: 1162

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

Upvotes: 1

Pathik Gandhi

Reputation: 1344

This is the perfect script i found. for this

UberUploadCropper V2 – Upload, Crop, No Flash

Upvotes: 1

Sajith Amma

Reputation: 1155

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

Upvotes: 1

Sonal Khunt

Reputation: 1894

Try this http://deepliquid.com/content/Jcrop_Download.html

Upvotes: 2

Sourabh

Reputation: 1765

You can try this plugin either http://odyniec.net/projects/imgareaselect/

Upvotes: 0

9miles

Reputation: 321

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.

Upvotes: 0