开发者

How to crop an image using jquery ajax and php?

开发者 https://www.devze.com 2023-04-04 06:11 出处:网络
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 use

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开发者_JAVA技巧 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.


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


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


This is the perfect script i found. for this

UberUploadCropper V2 – Upload, Crop, No Flash


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


This might be what you're after...

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


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/


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.


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

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号