12CropImage 2 Beta

NB For those of you, who are still looking for 12cropimage version 1 you can find it here. Please note. I do not give support on version 1 any longer.

You can read more about this release in this post. The contents of this page are:

Introduction
Requirements
Copyright
Installation
Options
Demo
Download
Changelog & Todo
Support

12CropImage handles the upload and cropping of images. The script is meant as a plugin to other scripts or forms. It takes care of the more difficult part of uploading an image and cropping that image to the right size. The result of the script is a hidden input field with a url to the newly created image. This url can be used in any way you would like.

What do I need?

To make the script work you need a web server with PHP installed. PHP must be configured to use the GD-library for image manipulation. Most php-hosts also have GD installed. Until GD version 2.0 images were palette based, including GIF support. From version 2.0, GD supported true colour images, but no GIF-files. GIF support was cancelled due to patent issues. Since GD version 2.0.28 however, GIF support has been restored. This script handles GIF, PNG and JPEG files in truecolor and therefor GD version 2.0.28 or up is required.

Who can use the script?

Unlike all other content on my site, my plugins and scripts are released under a GNU General Public License. A copy of the full license text is included with your Wordpress distribution and can also be found here. I appreciate it when you let me know if and how you use my script…

Installation?

Installation is easy and straightforward. Download and unzip the zipfile. Upload the directory 12cropimage anywhere on your server. Make the temp directory inside the 12cropimage writable by setting its permissions to 777.

You can change texts and settings to your own preference by editing config.php inside the 12cropimage directory. The options are explained inside the file.

The second step is to integrate 12cropimage inside the page in which you want to use it. This is fairly easy and it can be done in a few steps.
First you will have to add a link to the javascript file within the head-tags of the desired page. This is done with the following code:

<script type="text/javascript" src="/path/to/12cropimage/javascript.php"></script>

Off course you will have to change www.yourdomain.com/path/to/ to a value that makes more sense on your website ;)

You can put as many 12cropimage instances on a pag as you want. The only thing you have to do is to create the following block everywhere you want to put 12cropimage.

<div class="cropper"> </div>

Finaly you will need to initiate the script. This is done by calling the crInitCropper function which is possible in two ways. If you want the script to initiate automatically you will need to put an onload attribute within your body tag, like this:

<body onload="crInitCropper();"> HTML of your page... </body>

If you cannot or don’t want to include anything in your body tag, you can initiate it manually by creating a link which calls the crInitCropper function. This way is also good if you want to make uploading a picture optionally. The link should look something like this.

<a href="#" onclick="crInitCropper();">Click here to upload your image</a>

That’s it. If you followed all the above steps the script should work as a basic installation. Continue reading if you want to know how to set some options per 12cropimage instance.

Setting options per instance

Per 12cropimage instance you can set some options this is done by including some hidden input fields inside the cropper div tag. The following options can be set:

crWidth
    Sets the width of the cropped result.
crHeight
    Sets the height of the cropped result.
crDivWidth
    Sets the width of the cropper interface.
crVarCropSize
    Set to 1 if you want to allow users to choose their own crop size.
    Set to 0 for fixed sizes.
crShowPreview
    Set to 0 to not show a preview before finishing the crop.
crResultDir
    Set to absolute path of the directory in which you want to save
    your results.

As an example I show the code which is used for the the second demo on this page.
<div class="cropper"> <a href="#demo" onclick="crInitCropper();">Start the demo's</a> <input type="hidden" name="crWidth" value="120"/> <input type="hidden" name="crHeight" value="90"/> <input type="hidden" name="crDivWidth" value="360"/> <input type="hidden" name="crVarCropSize" value="1"/> </div>

See the script in action

I’ve placed two different demo’s below. Go ahead and have a try…

Preview 1 :
This version has all the defaulf options set in the configuration file.

Start the demo’s

Preview 2 :
This example has custom options including a variable crop size and a different width of the interface.

Start the demo’s

PS Sometimes my webhost is terrifyingly slow. Have patience and relaod if necessary.

Download the script

You can always download the latest version of the script here. The current version is version 2.11 Beta.

Changelog and todo

2.12 beta Corrected a register globals bug, noticed by Arvo
2.11 beta Corrected some minor mistakes and took a way a lost test-error…
2.1 beta Added the possibility to determine a result directory, corrected some errors.
2.0 beta It just started, nothing changed yet…

The thing I need to do most is to clean up the code. I can probably make it more efficient. However, the script does what it is supposed to do at the moment…

Problems / Questions / Suggestions / Support?

Starting today (12 Dec 06) I no longer give personal support for any of the scripts or plugins I made. I have three reasons to stop with support. First of all I, it takes too much of my precious time. I have a full-time job, hobbies, a family and friends and there are not enough hours in a day to take care of all the support requests. Secondly I prefer to spend the little time I have on trying and developing new things, which hopefully lead to better scripts and plugins. Last but not least, I got tired of all the stupid questions. There are too many people who send an e-mail before they read the documentation or before they even thought about why something goes wrong.

From now on, anyone who needs help can ask for it on my newly installed forum. I will try to look around the forum regularly and answer all the interesting questions. Because of this new forum and because of the spam I have closed the reactions on this page.

Please go to the new forum.

Subpages

12CropImage version 1

Web & PHP |

Comments to the above...

Click here to write your own comment.

Bradley said on October 1st, 2005:

Is there a way I can skip the image upload functionality and tell the script what image on the server I want it to crop? I have a system where users upload images and then, later on, admins need to go in to crop those already uploaded images.
® said on October 1st, 2005:

@ Bradley: It should be possible. Add the following code to line 101 of the cropper.php file:

if ($do == "upload" && isset($vars['crOrgFile'])){ $do = "crop"; }

After you do this put a hidden input field in the “cropper” div with a name crOrgFile and the complete path to the image you would like to crop. It will look something like this.

<input type="hidden" name="crOrgFile" value="/complete/path/to/your/image.jpg" />

Try it, I think this should do the trick.
Connie said on October 10th, 2005:

Hello! Your script Version1 is included in one of the addons of PixelPost Photoblog.

Now some users notice that it is not possible in IE to rightclick the generated code and copy it or paste it…

I went through our script and found out that this was due to the Javascript which was part of your 12cropimage-script

is this problem solved? Or is it still the same with the new version? Would be great if we could integrate the new version without that IE problem

thanks for your good work!

Connie
® said on October 11th, 2005:

that it is not possible in IE to rightclick the generated code

As far as I know there is no part in the script where it is necessary to rightclick. I think this part has been added by someone else. It’s difficult for me to know what goes wrong.
Darren said on October 11th, 2005:

I realy like this code but can’t get it to work. Also can it resize and not just crop?

I have unziped and link exactlay as described in the installation section but when i click the link to upload a file nothing happens.
bellow is my page sorce:

Untitled Document

Start the demo’s

ANY IDEAS?
® said on October 11th, 2005:

@Darren: I cannot see your code, it is filtered out. Please use:

<code>Put your code here</code>

This will show up like this:

Put your code here

The other question. Can it resize. It can if your image ratio equals the crop ratio. It is however not designed to do so.
Darren said on October 12th, 2005:

Sorry here is the code:

Test <a href="#demo" onclick="crInitCropper();">Start the demo's</a>
Lucas said on October 14th, 2005:

Is there a way to differentiate between instances in you have more than one instance on a page? The cropperResult variable is an array of filenames, it’d be nice to be able to identify each one. On my site I have ad admin page to upload 5 images but each image is numbered and if a user uploads a new “image 3″ i’d like to be able to identify it as image 3 so it’ll corerctly replace the right old image, if you know what I mean :)
cheers
Johnathan Elrod said on October 20th, 2005:

Great script!!! Is there a way to output the image by the same name is up loaded by? ie: “student.jpg” is saved as “student.jpg”. Rigt now it saves the image with eroneous numbers at the front.
If there is a way that would be great!!!
Reguardless, you shoud be proud it is a great script!!!

Johnathan Elrod
® - Roel said on October 21st, 2005:

@Johnathan: There is a way to keep the old name and it’s very simple too.
You only have to change line 58 of cropper.php from:
$vars['crOrgFile'] = $vars['crResultDir'] . time() . "-" . $_FILES['crUpload']['name'];
to:
$vars['crOrgFile'] = $vars['crResultDir'] . $_FILES['crUpload']['name'];

The nummer was added to prevent someone from uploading an image with the same name.
alex said on October 21st, 2005:

Hi! I have tryed the script - it’s great. But one bug I found - there is no any image variables posting whe you call form submit. If you are using fireFox or Opera browser. In IE - all works ok.
® - Roel said on October 21st, 2005:

@alex: The bug you mention is probably not a bug of the script, but a “bug” of Firefox. It’s actually not a Firefox bug, but a strict interpretation and it’s probably caused by an invalidly nested form tag. When the form is posted most of the variables of the form are posted, but the variables that were inserted after loading the page are not.

I’ve seen this problem happening when the form tag is squeezed between the <form> and the <tr> tag. You could use the DOM inspector in Firefox to look for the problem.
bochenn said on October 22nd, 2005:

dude, can i say that are just great! you have just done an excellent Job here,
thanks

excellent!!!
jussi said on October 30th, 2005:

After the image is uploaded, a broken image sign appears until the image resizing is finished. This can take several seconds on a large image. A “Please wait, using up cpu cycles…” text in the meanwhile would be a nice(r) touch. What/where should be changed?
® - Roel said on October 30th, 2005:

@jussi: This would indeed make things a bit nicer. I will consider it in the next update. It shouldn’t be too difficult.
Stefan said on November 7th, 2005:

Hello, I have tried upload your script but when uploading a picture the div-tag stays the same height so I cant edit my pictures.
Any ideas what wrong?
(http://erbjudande.com/12cropimage/)
Dennis said on November 8th, 2005:

Roel, you should use $do = “uploaded” instead of $do = “crop” in your reaction @ bradley, else it won’t work!
® - Roel said on November 9th, 2005:

@Stefan: Nothing is wrong. Try again but now with http://www.erbjudande.com/12cropimage/

If the cropper iFrame is loaded from www.erbujande.com and the original page from erbujande.com, then javascript will see this as two different sites. Javascript cannot operate cross domain. This is a build in security thing.

In firefox you will get an error like this "Error: uncaught exception: Permission denied to get property Window.crSetDivHeight"
Arvo said on November 10th, 2005:

For anyone else who does NOT want to use register_globals=on in your php.ini config you just need to change a few things..

File - cropper.php
Line 217: $crWidth To $vars['crWidth']
Line 218: $crHeight To $vars['crHeight']

File - image.php
Line 17: $do To $_GET['do']
® - Roel said on November 10th, 2005:

@Arvo: Thanks for noticing this. I will include these changes in a new update!
Julia said on November 13th, 2005:

How can i show the result image instead of “Your image is cropped and can be used…” when the image is finished?
steve said on November 29th, 2005:

great script, however, it doesn’t seem to save the file to the results directory as specified in the config file, despite saving the file perfectly to the temp directory. I’ve even tried adding a hidden field in the html still no joy.

Yes, I have chmod the directory to 777

any ideas? cheers.
Lucas Young said on December 6th, 2005:

Hey Roel
If you crop a small image sometimes you get a black area to the right of the final cropped image, i.e. some sort of padding or filler. I’d like this ot be white (or configurable in the config). I though tit would be as easy as changing

$new = imagecreatetruecolor($cropW,$cropH);
imagecopyresampled ($new, $img, 0, 0, 0, 0, $cropW, $cropH, $orgWidth, $orgHeight);

to

$new = imagecreatetruecolor($cropW,$cropH);
$whitefill = imagecolorallocate($new,255,255,255);
imagefilledrectangle($new,0,0,$cropW-1,$cropH-1,$whitefill);
imagecopyresampled ($new, $img, 0, 0, 0, 0, $cropW, $cropH, $orgWidth, $orgHeight);

or even

$new = imagecreatetruecolor($cropW,$cropH);
$whitefill = imagecolorallocate($new,255,255,255);
imagefill($new,0,0,$whitefill);
imagecopyresampled ($new, $img, 0, 0, 0, 0, $cropW, $cropH, $orgWidth, $orgHeight);

But this doesnt seem to work. How can I control the background of the filler on the cropped image?

Many thanks

Lucas
Lucas Young said on December 6th, 2005:

Oh and another thing that just bit me - the output of the cropper is always a jpeg, even if the input/filename is a GIF. I had a problem using a cropped gif in another php script that called imagecreatefromgif(). So I changed image.php like this:

From
@unlink($crOrgFile);
imagejpeg($new,$crOrgFile,$crCropQuality);

to

@unlink($crOrgFile);
if ($fileType == 3) {
imagepng($new,$crOrgFile,$crCropQuality);
} else if ($fileType == 1){
imagegif($new,$crOrgFile,$crCropQuality);
} else {
imagejpeg($new,$crOrgFile,$crCropQuality);
}

I’m not sure if that’s right but it seemed to work for me :)
Many thanks

Lucas
cuicui said on December 22nd, 2005:

Hello
In reply to lucas, your solution is good but imagepng and imagegif haven’t $crCropQuality in params only 2 are allows and another thing i’ve tried this sol to output a gif but the output file does’nt conserv the transparancy anyone have a solution? Because the transparancy part of the image became black
And to conclude this is a very good classes and a good job ;)
bye
Mik said on December 28th, 2005:

Tried the script out, just amazing and very useful as well!
Nice job well done, man!

Peace.
Lucas said on January 27th, 2006:

How can I change the functionality of the cropper so that it doesnt use the $crWidth/$crHeight values, instead you enter a ratio for height and width and the final cropped image is simply the size of the cropped area, ie no scaling is done. For example, I crop an area 200 * 100 out of an image that is 640 * 480 and end up with a 200*100 pixel cropped image? Is this easy to do?
Frank said on February 8th, 2006:

Great Script. I´ll integrate it into my website.

One question: How can I change the functionality for repositioning the frame which marks the crop-area from “click > reposition > click” to “click & hold > reposition > release mouse button”. I think this is a little bit easier besides my users are used to this function in my old script.
® - Roel said on February 10th, 2006:

@lucas: It’s possible to make this function, but unfortunately it is not so easy to do it fast.

@Frank: You will have to play with the attributes “onclick” in the code and change it to “onmousedown” and “onmouseup”. You’ll probably have to change some things in the javascript too. I tested it, but found it more buggy. That’s why I chose this option.
Jeroen said on February 15th, 2006:

Just wanted to say, great script!
If there is any news on other formats, I would like to hear it. Will also do some changes and keep you posted.
Kwinnet said on February 16th, 2006:

Fisrst, great script, works well!
However, I’ve got one question. Is it possible to write down the file name instead of ‘Your image is cropped and can be used…’. This is needed because I would like to put the filename in a database after I filled-in some other forms.
® - Roel said on February 16th, 2006:

@Kwinnet: You can probably change this yourself, when you dive into the code. It shouldn’t be that difficult.
Eric said on February 24th, 2006:

Question,
I’m using this:
*************
if ($do == “upload” && isset($vars[’crOrgFile’])){
$do = “crop”;
}

After you do this put a hidden input field in the “cropper” div with a name crOrgFile and the complete path to the image you would like to crop. It will look something like this.

<input type=”hidden” name=”crOrgFile” value=”/complete/path/to/your/image.jpg” />

Try it, I think this should do the trick.
*************
from post above, the problem is, on this intial page, it’s not reading the width height of the image since it was alaready uploaded, therefore, display’s only about 1/8 of what it should.. any ideas how to fix this?
horo said on March 1st, 2006:

eric and all:

here is full working code
if ($do == "upload" && isset($vars['crOrgFile'])){ $do = "crop"; $size = getimagesize($vars['crOrgFile']); //print_r($size); $vars['crOrgWidth'] = $size[0]; $vars['crOrgHeight'] = $size[1]; } if ($do == "uploaded"){ //etc....
Madarco said on March 8th, 2006:

Really a great work! I’ve integrated 12cropimage in Cake in few minutes and it works great.
I have a question for you: are you planning to add a visual resize tool to 12cropimage? It would be great.
Thanks!
onur said on March 15th, 2006:

horo:

thank you so much!!! i was trying to work this code with an image on server. you saved hourssss(i’m newbie:) of digging.

and thanks to roel..
this ithing is really well designed!!
onur said on March 15th, 2006:

i might be wrong but i wanna add something…

i use horo’s code:
if ($do == "upload" && isset($vars['crOrgFile'])){ $do = "crop"; $size = getimagesize($vars['crOrgFile']); //print_r($size); $vars['crOrgWidth'] = $size[0]; $vars['crOrgHeight'] = $size[1]; } if ($do == "uploaded"){

but in my first resize try, i always get a black image.. then i go back and resize again, then everything works fine..

i changed $do = "crop"; part with $do = "uploaded"; and get no balck image since..

//etc….
my php-driven thoughts said on March 15th, 2006:

some news…

since only 4 days left until launch of the biggest project i was working on it quite hardly. came up on some nice and not-so-nice things while developing.

first off: image cropper. half javascript, other half - php. i was lo ……
throb said on March 19th, 2006:

@Kwinnet
in cropper.php around line 66 is what you are looking for. that area is where the script deals with a successful image upload.
Roel, thanks for the great script. this is really really fantastic!
Mario said on March 22nd, 2006:

Apply these CSS to show the iframe background also in explorer
—————————————————————————

body {
background-color:;
}
* {
margin: 0;
padding: 0;
}
#crControl img {
border: none;
}
axelnes said on March 24th, 2006:

One question: Is there a possibility that the the center of the cropping area keeps in the center of the image if you enlarge or reduce the cropping area?
Willem said on March 28th, 2006:

I have problems with using your class under windows. In config.php you mention directories. But for windows you write:
“C:\testversion\” And you know that \” gives ” in the directory name. How can I use it under Windows?
Roland said on March 31st, 2006:

Roel - you created a great little tool. Strange thing - I had to comment out $crCropperDir = .. on line 17 in config.php to make it work.

Question: How to display the url [http//…name.jpg] of the saved image for copy/paste? Thank you.
victor said on April 5th, 2006:

Has anyone else noticed the following in Safari? - The [numeric] input fields for the image resizer are white and illegible. I’m wondering why that seems to be? In FireFox (for OSX) the numbers appear fine and on the bgcolor but, again, in Safari, the Text seems to be white on a white background. Surely there is a simple answer?
Colin said on April 24th, 2006:

I’ve been trying this for a bit and have a few comments and suggestions, sorry if this is a bit long.

1. If the image upload fails, you get stuck with the error message. Some kind of back link with the error message solves this. Is it possible to add a cancel option that resets the cropper div?

2. Instead of converting all divs with cropper at once, would it be possible to do it by ID? I hacked these lines and it appears to work:

function crInitCropper(){
and
if (divs[i].className == "cropper"){

to

function crInitCropper(crop_id){
and
if (divs[i].id == crop_id){

3. After cropping once it seems to “forget” any variables that were set with hidden inputs within cropper, presumably because it’s replacing the contents of the cropper div via innerHTML. Is there some way to pass these variables through the script so that it can do multiple crops using the hidden input values without reloading the page?
Willem said on May 8th, 2006:

I wasn’t able to let it all work. Problem:
Willem said on May 8th, 2006:

is not a default use in php.ini. You've to make a .htacess file with the following code in it: <code>php_flag short_open_tag on Than it will work.
Otherwise change:
And change for example: <code> src="/cropper.php
into
src="/cropper.php
Thanxs to www.phpfreakz.nl for the solutions
Mike said on June 3rd, 2006:

Did anyone figure out away to pass the file name out of the script? Thanks.
And great script.
Jim974 said on June 7th, 2006:

Hi !
I will just say : It’s a great script and Thanks for all ;)
Good continuation !
A happy french webmaster :p
Jimmy
Indoom said on July 23rd, 2006:

hi, great script! Thanks!

I changed in file cropper.php line 136 (v2.12beta)

$crNewFile = $vars[’crResultDir’].basename($orgFile);
to
$crNewFile = $vars[’crResultDir’].substr(basename($orgFile),0,strrpos(basename($orgFile),’.')).’.jpg’;

so the cropped file always would have jpg extension, as this script makes only jpgs.
Ash said on August 17th, 2006:

Hi I was wondering if any of you php gurus know if its possible to adapt this script so that it outputs 3 different predefined sized images. So you crop it and it gives you image.jpg(600×450), image_med.jpg(200×150) and image_sm.jpg(80×60).

Is this possible if i duplicate part of the script, or set up a loop changing the output values each time? or is it impossible for a reason like once its output 1 image it loses all the info it needs to do it again or something?

Also is it easy to get the information into a mysql database, like the filename for example?

Sorry I’m not really a php person so *any* help would be appreciated a lot. Thanks!
Aaron said on August 22nd, 2006:

Hi.. First off, genious script.. looks and works great. I got a question for you, hopefully its’ an easy answer. I want the 12CropImage script to automatically overwrite the pictures that are currently on the site.. example: user uploads somefile.jpg and I want it to save the original large picture file to /images/dynamicImages/1.jpg and then I want it to save the smaller thumbnail to images/dynamicImages/thumbnails/1-small.jpg. But I want the crop program to always overwrite the old picture in the sites images folder, so the client can update all the images on his site, and create and crop thumbnails so you can click on them to open the big picture in a separate window. Your help is greatly appreciated in advance…

~Aaron Dressler
Ash said on August 28th, 2006:

Has anyone managed to get this script to output the filename of the output jpg so that it can be used to update a database?

Also is there any way to make this script output 3 different sizes of the same cropped part of the image?
Joe said on August 29th, 2006:

Anyone have experience using this while prototype.js is loaded as well?
Maarten said on August 30th, 2006:

Hey Roel,

thanx for the script! It’s great. I had a problem with file names that contain blank spaces though. I fixed this by adding next line into line 50 of the cropper.php file:

$_FILES[’crUpload’][’name’] = str_replace(” “,”",$_FILES[’crUpload’][’name’]);

That does the work for me.

I have one new suggestion though for future versions. Maybe it’s a nice idea to resize the image instead of the cropped size before processing the final images. This would be great for people that have to make sure the cropped area always has the same dimensions. In this way, somebody doesn’t have to shrink the image before in an off-line editor before cropping the final image.
ryan said on September 5th, 2006:

I would like to integrate some sql commands into the script so that when the image is uploaded, the image url is written to a row in my database. I’ve tried putting some scripts in different place, but i honestly am a little lost with some of the variables and functions. any ideas on where exactly to put a final sql command to keep track of the cropped image? what is the variable with the final image name?
thanks!
Brad said on September 7th, 2006:

Great tool that almost does what I need. My customers upload their logos into a 144×120 px area on their page. Your copping tool works great in defining the cropped area but my clients upload all sizes of original pictures. If I could grab a corner of their original pic as displayed in your script and resize it proportionally then we could crop into the 144×120 box just what we want. The way it works now sometimes all I get is the guy’s nose when I want his head. Any suggested solutions or work arounds? Thanks for such a neat tool.
Christoph said on October 1st, 2006:

Hi,
in config.php I set the $crStandardVars[’crResultDir’]
But the result allways dropped to the root.

I can set the crResultDir to anything else I want, but the result is allways dropped into the root.

It seems that this variable is not in use

Whats wrong?

CHristoph
Mario said on October 16th, 2006:

Hallo, it seems you have a bug in case the image is already the right size and doesn’t need cropping, please check line 55 in cropper.php, changing

$vars[’crResultDir’]

to

$crCropperDir.”temp/”

___
ciao
Frank said on November 15th, 2006:

Hi Roel,
what do I have to change if I want to crop a picture
- which is already uploaded on the server
- and save the results in two different sizes on one click
Thanks and kind regards,
Frank
Jules said on November 21st, 2006:

@Joe:

Yep, and for me there was only one solution: make sure NOT to load prototype. I think this breaks the ability to get the variables in the form. Giving the input fields an ‘id’ doesn’t work either.
Chris said on November 26th, 2006:

Hi!
I have a problem- I don`t get it working and I don`t know what I do wrong. Here is the link:

http://www.adwax.de/europalace5/crop.html

The path should be okay - but it doesn`t work and give any allert when I e.g. have no pic chosen. Where is my problem?

Thank you for answering!
Jon said on November 26th, 2006:

Is it possible to change the background color which appears on images that are to small? :)
It’s black now, and I really want white:)
Thanks // Jon W
chris said on November 27th, 2006:

Hi! The Script is really great and working but:

How can I turn that off, that the Script allows me to upload smaller images than the Crop Size is?
It always says:
Your original image was too small. The minimum size is: 400 x 350

- I want the Crop to be 400*350, but if a user an image in the size of 100*200 uploads it should also upload that image and show it.
How can I turn that off?

thanx in advance
Alex said on November 29th, 2006:

Great tool!
Just want to ask whether this tool only crop but not resize the image?
User said on December 1st, 2006:

Hi,

I just wanted to say that this is an excellent script. I made some big changes though, and while doing so I stumbled upon a pretty big bug in your script. I thought you would like to know it :)

Your script outputs JPEG files, always. Even though you’re cropping PNG and/or GIF files (they are still .gif or .png files if the original is that too, but it won’t be recognized as a valid GIF/PNG file after that). So if you crop an image first, and THEN use that image to do some manipulation after it (for example, automaticly resize it, do some optimilization (kb’s)), it wouldn’t work because it would say that image.gif is not a valid GIF file, only after a while I figured out that that’s the case because the script outputs JPEG ;)

To remove this issue, just change some lines in image.php.

Change line 46 imagejpeg($new,$crOrgFile,$crCropQuality);

To this:

if ($fileType == 3) { imagepng($new,$crOrgFile,$crCropQuality); } else if ($fileType == 1){ imagegif($new,$crOrgFile,$crCropQuality); } else { imagejpeg($new,$crOrgFile,$crCropQuality); }

Then, using the same solution 3 more times in image.php

Change line 68-69
header("Content-Type: image/jpeg"); imagejpeg($new,"",$crCropQuality);

To

if ($fileType == 3) { header("Content-Type: image/png"); imagepng($new,"",$crCropQuality); } else if ($fileType == 1){ header("Content-Type: image/gif"); imagegif($new,"",$crCropQuality); } else { header("Content-Type: image/jpeg"); imagejpeg($new,"",$crCropQuality); }

Then, change line 79-80
header("Content-Type: image/jpeg"); imagejpeg($new,"",$crCropQuality);

To

if ($fileType == 3) { header("Content-Type: image/png"); imagepng($new,"",$crCropQuality); } else if ($fileType == 1){ header("Content-Type: image/gif"); imagegif($new,"",$crCropQuality); } else { header("Content-Type: image/jpeg"); imagejpeg($new,"",$crCropQuality); }

Finally, change line 91
header("Content-Type: image/jpeg"); imagejpeg($new,"",$crCropQuality);

To

if ($fileType == 3) { imagepng($new,$crOrgFile,$crCropQuality); } else if ($fileType == 1){ imagegif($new,$crOrgFile,$crCropQuality); } else { imagejpeg($new,$crOrgFile,$crCropQuality); }

Hope it comes to use to someone! :)
Mario said on December 10th, 2006:

Dear Roel and fellow script users,

here you are an easier way to specify the script and image path once and for all, in a way portable between unix and windows.
I’ve made this so it automagically fills in the path parameters without having to ask the internet service provider for them,
so now you can copy your website on any server and know it will work without modifications to this script (which were boring).

// TO CHANGE IN CONFIG.PHP
// Add this below the copyright note,
// Then delete the existing lines starting with:
// $crCropperDir =
// $crCropperUrl =
// $crStandardVars[’crResultDir’] =

/*–START OF CHANGES———————————————-*/

// Specify the folders from the site root, without slashes before or after.

// EXAMPLE:

// Here you have the script:
// http://www.mygreatsite.com/12cropimage/

// Here you want to put the images:
// http://www.mygreatsite.com/images/cropped/

$crop = “12cropimage”; // CROPPER FOLDER

$dest = “images/cropped”; // IMAGE DESTINATION FOLDER

/*—END OF CHANGES———————————————–*/

// PUT IN CROPPER.PHP JUST BEFORE THE LINE:
// —> // Handles the file upload!
Mario said on December 10th, 2006:

// PUT IN CROPPER.PHP JUST BEFORE THE LINE:
// —> // Handles the file upload!
Mario said on December 10th, 2006:

/*—START OF CHANGES——————————————-*/

$file = $_SERVER[”SCRIPT_FILENAME”];
$root = $_SERVER[”DOCUMENT_ROOT”];

if (strpos($root,’\\’) === false) // Using Linux
{

if ($client=substr($file,strlen($root)+1,strpos($file,”/”.$crop)-strlen($file))) $client = ‘/’.$client;

$cropperDir = $_SERVER[’DOCUMENT_ROOT’].$client.”/”.$crop.”/”;
$cropperUrl = “http://”.$_SERVER[’HTTP_HOST’].$client.”/”.$crop;
$resultDir = $_SERVER[’DOCUMENT_ROOT’].$client.”/”.$dest.”/”;

} else { // Using Windows

$wincrop = str_replace(’/',’\\’,”/”.$crop);

if ($client=substr($file,strlen($root)+1,strpos($file,$wincrop)-strlen($file))) $client = ‘\\’.$client;

$cropperDir = $_SERVER[’DOCUMENT_ROOT’].$client.$wincrop.”\\”;
$cropperUrl = “http://”.$_SERVER[’HTTP_HOST’].str_replace(’\\’,'/’,$client).”/”.$crop;
$resultDir = $_SERVER[’DOCUMENT_ROOT’].$client.”\\”.$dest.”\\”;

}

$crCropperDir = $cropperDir;
$crCropperUrl = $cropperUrl;
$crStandardVars[’crResultDir’] = $resultDir;

/*—-END OF CHANGES——————————————*/