Save image to folder

Question

I want the user to upload an image of any size for the format (jpg, png, gif). After loading the image, I want it to crop the image (client side) using jquery and save the cropped image (php) to the application folder.

Please tell me a possible solution for this function to work normally.

Answer 1

ImageMagick is used to crop images:

http://www.sitepoint.com/crop-and-resize-images-with-imagemagick/

To use ajax:

http://www.sanwebe.com/2012/05/ajax-image-upload-and-resize-with-jquery-and-php

Answer 2

Given that you already have PHP cropping code, use one of these plugins so that the user can determine how she wants to crop the image and provide the necessary data:

• Guillotine : A very lightweight plugin that allows you to crop, scale and rotate images with touch support and respond ( demo ).

• Jcrop : Allows you to deselect ( demo ).

Answer 3

This is a simple cropping of images using jquery and php using cropbox.js

Please watch the following video

Simple cropping of images