Simple image cropping using cropper.js and PHP

| Last Updated: | In: Core php, Freebies, Jquery


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.

croper-600

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

HTML Code

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

If you still need any help, then feel free to put your comments in below comment section. Do you like & share this article with your friends, and don’t forget to follow us on Facebook and Twitter to learn cool tutorials.

Tags: , , , ,


About: Prem Tiwari

Prem Tiwari is founder of freewebmentor.com and Software developer from New Delhi (India). Follow Prem's development codes on facebook, and make sure you check out freewebmentor.com for the latest in web development related Tips with the complete code.


You may also like:

Follow us!

Get Free Access of 350+ Scripts

Don't worry you'll not be spammed!

Featured eBook

WordPress Security Guide

Learn how to implement security guideline in your WordPress site...

DOWNLOAD

Pincode Finder

pincode-finder tool

Online Pincode Finder

Best tool to locate post Office address and pincodes of all india...

SEARCH NOW