Cropping an image with Jcrop in laravel

Image editing and manipulation can sometimes be a difficult thing to implement in our application. Using Laravel and the Jcrop JavaScript library, we can make the task much simpler

Getting ready

We need to download the Jcrop library from and unzip it. Put the file jquery.Jcrop.min.js into our public/js directory, and the jquery.Jcrop.min.css and Jcrop.gif files into our public/css directory. We’ll use the Google CDN version of jQuery. We also need to make sure we have the GD library installed on our server, so we can do image manipulation. In our public directory, we’ll need an images folder to store the images, and should have the permission set for it to be writable.

About the author

Deven Rathore

I'm Deven Rathore, a multidisciplinary & self-taught designer with 3 years of experience. I'm passionate about technology, music, coffee, traveling and everything visually stimulating. Constantly learning and experiencing new things.

  • Janvier M

    And you don’t think you can fit this whole thing in 1 or 2 pages at most? Ahhh the ads!

  • rashid

    Already hating it by page 3. Have some dignity and put this in one or two pages you might actually get some traffic.

  • Carlos Cancino

    thanks! it works :D

Pin It on Pinterest