How to crop the image before uploading it with Cropper JS & PHP

In this tutorial, we will learn how to crop the image before uploading it with Cropper JS & PHP.

[hasinmahjabeen]

many thanks for the wonderful tutorial

[vikashkumavat]

Hey, thanks for this video. It is useful to me. But I request you to create a next step of this after cropping the cropped file should automatically fit into a frame. The frame is also an image. There Is multiple frame.i can change frame dynamically on server to see which is perfect for that image.


Please it's a request if you can then please make a video on this.

Thanks!

[NivedhithaDP]

Hey, hi ! Is there anyway to change the shape of the cropping tool..Which part of the code should we change to crop an image in a triangle shape...Kindly help

[sebastianrodrigues]

how to get that cropped image in canvas or para tag.

[akifguldemir]

Hi. I need the source code. May you help me ?

[smnahidurrahman]

I can not change width and height. If i set width: 100, height: 150, After upload it will be 100x100

[moonsheikh]

how to do it in flask please suggest me?

[suleymanack]

Hello rudranshi, how can we use bootstrap 5 for this script?

[derekkroeker]

How to make so you can just be able to choose the area, not change Width and Height.

[rashidulislamrasel]

how to do fix height and width ??if i fixed different height and width but after upload height and width are same size.what is the problem??

[bazmhassanpkofficial]

how to change the selection tool from square to rectangle.

[darioalves]

Hello rudranshi, I need some help. Can I contact you ?

[kornelijekovac]

You talk so much about Bootstrap. Do we need Bootstap for this?

[barjinderkumar]

There is no option to download these files

[erkash]

Hi! I'm getting an error Uncaught Error: The first argument is required and must be an <img> or <canvas> element.