webmotionuk is sharing tutorial how to upload image and crop the image with php and jquery. This script allow us to upload of JPG, GIFs and PNG images. It use Image Area Select plugin by Michal Wojciechowski for selecting a rectangular area of an image.

Basicaly, they are using form to uploading image. Once the image has been uploaded and saved to folder, they are using the “Image Area Select” plugin to crop the image. It basically provides the coordinates to the server to handle the crop.

* x1, y1 = coordinates of the top left corner of the initial selection area
* x2, y2 = coordinates of the bottom right corner of the initial selection area
* width = crop selection width.

Requirements: PHP 4 or Higher, PHP GD Library, jQuery ver 1.2.3 or Higher, Image Area Select plugin
Demo: http://www.webmotionuk.co.uk/jquery/image_upload_crop.php

Incoming search terms for the article:

• jquery facebook image upload
• jquery upload crop
• jquery upload image
• jquery image upload crop
• image upload and crop jquery
• upload crop php
• jquery crop
• jquery upload crop image
• php & jquery image upload and crop
• php jquery upload crop