Hi friends, hope you are doing good. Today i am going to share how you can crop a simple image using cropper.js and PHP. This is a simple jQuery image cropping plugin cropper.js. The cropper js inherits from the size of the image’s parent element (wrapper), so be sure to wrap the image with a visible block elements and outputted cropped data bases on the original image size, so you can use them to crop the image directly.


Download      Demo

Features Lists :

  • Supports touch (mobile)
  • Supports zooming
  • Supports rotating
  • Supports scaling (flipping)
  • Supports multiple croppers
  • Supports to crop on a canvas
  • Supports to crop image in the browser-side by canvas
  • Supports to translate Exif Orientation information
  • Cross-browser support

Server Dependencies

– PHP 5.5+

Browser Support

  • – Chrome (latest 2)
  • – Firefox (latest 2)
  • – Internet Explorer 8+
  • – Opera (latest 2)
  • – Safari (latest 2)

Include JS files:

PHP Code ‘crop.php’ to crop the image


How to do when I got an Unknown upload error ?

You might upload a huge image, just configure the upload_max_filesize, post_max_size and memory_limit of your php.ini file. Or check the **php_error.log** file to find out the problem.

Download      Demo