jQuery Image Cropper with Uploader v1.1
Here’s an updated version of the Image Cropper. The upload button was replaced by an overlay on the image. There are also some extra functionalities : invert the picture colors rotate the image sepia transforms an image into greyscale see the DEMO download the source code here

Here’s an updated version of the Image Cropper. The upload button was replaced by an overlay on the image. There are also some extra functionalities :
- invert the picture colors
- rotate the image
- sepia
- transforms an image into greyscale
see the DEMO
download the source code here
Tagged with: crop jQuery PHP picture upload
Related Articles
Please check the updated version here!
Some time ago I posted the Dynamic jQuery Image Gallery with Uploader which uses the c...
read more
This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the...
read more
jCookies, a jQuery plugin, makes getting and settings HTTP Cookies a breeze. jCookies allows the storage of any type of data: stri...
read more
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albu...
read more
Pingback: jQuery Image Cropper with Uploader | Codrops
Pingback: uberVU - social comments
Pingback: jQuery Image Cropper — recadrer et uploader des images » Javascript & Web Design - Tous les jours le meilleur des ressources Javascript pour intĂ©grateurs web front-end (avec parfois un soupçon de PHP)
HI! Thanks for combining two great jquery scripts.. I was wondering, do you know if this will work well with WordPress?
Hi, I think that there is a problem in the archive, because, when i install the script, i see the same page as the demo, i can choose a file, but it’s stop at processing.
Can you help me ?
Thanks
Hi Marc, I have just downloaded the file and installed again (xampp) and it seems to work fine. What size of picture are you trying to upload? Just try some small one first… You can then configure that value in the script.
Regards
it’s the same for me, i’ve just download and extract it, and when i tried to upload, it’s stop at processing.
I tried with different pictures and it’s always the same. (I tried with a 45kb picture… the script default value is 800kb, and yes, when i tried a 2mb file, i have a size error, so the problem is not the size…).
I’ve looked the script but I didn’t seen what can be the problem…
Any other ideas ?
Thanks
Hi martino, I have just tested it again in 2 computers – download, extract to htdocs (I am using xampp) and it works fine. Where are you deploying this script?
first i’ve tried with easyphp, then with wamp server, and it’s stop at processing, and i’ve just download and tried with xampp and it’s work…
I’ve also tried online (1&1 account) and its stop again at processing…
so now i try to find why its only work well with xampp. If I found I will share the solution here, but any ideas are welcome
If you have trouble running the script, it has the function ereg no longer available for some version of php, which is used in the script upload.class.php.
The latest version of this script is available here:
http://www.verot.net/php_class_upload.htm
The problem … is that the upload script has been changed in this plugin …
Solution: look for lines that takes problems, and replace the same in the latest version of the script upload.class.php.
Good luck!
I have the same problem, it’s block at processing,i try to remplace the class.upload.php but it doesn’t work, please help me
You can see in the current upload class, some lines added (search the word ‘updated’ in comments).
You need to copy these lines in the last release of upload class.
Square only? No rectangle when it comes to area selection on the picture?
I’m having the same problem, i dont understand the solution nadiar gave
ok i got it to work i replaced the ereg with preg_match. however, should it replace the image for each upload? or does it give each image a unique name?
Download the latest class.upload.php from this link: http://www.phpclasses.org/browse/file/8831.html and replace this file in the root of this installation. I got it working. This file is an updated version of the file included in the download above.
http://www.filefun.net/use/cropimage/
i put the class.upload.php , don’t work
Hello,
that’s exactly what I wanted.
Just one question, how to make the thumbnail and preview make 450 x 120px ?
thank you
Doesn’t work for me neither. I downloaded the latest upload class, nothing changed.
I can upload and crop the image, but when I hit the save button, the image is gone and I’m back to the index page. The image is nowhere to be found in the folders.
I’m using wampserver.
Anyway thanks for the great script.
Ok I got it working. The problem was:
$_SERVER['DOCUMENT_ROOT']
My script runs on:
http://localhost/test/crop1.1/
Instead of putting the images in:
http://localhost/test/crop1.1/
The script makes a new folder in:
http://localhost/
with the name crop1.1 and puts all the images there.
Is there anyway to change the:
$_SERVER['DOCUMENT_ROOT']?
I tried multiple times to change it to my directory but the script won’t work anymore.
Thanks in advance.
@Moonwalker:
You’re using the demo files, right?
Just replace the paths in line 22 and 38 in crop.php to get it right.
Hope that helps!
Hi !
Thanks for this great script !
So I use a single upload but I’d like to send a new image without having to click on the cancel button and reload the entire page. How can i do that ? It’s possible ?
Thanks for your help.