Comments on: Jquery image upload and crop for PHP

By: webb

webb — Fri, 15 Jan 2010 11:25:14 +0000

This is a really cool stuff. Great work guys.

By: Simon Brückner

Simon Brückner — Mon, 17 Aug 2009 19:49:39 +0000

I am trying to use the script but have issues with the path where the images are saved:

I need to use “/Users/myuser/Sites/images/” as $upload_dir so that the chmod stuff works.

But when the upload has finished, the crop function is broken, as this one expects the path to be “/images/”, not “/Users/myuser/Sites/images/”.

is there any easy way to adjust the script, or am I just not seeing the solution?

By: Kevin Wilson

Kevin Wilson — Wed, 05 Aug 2009 22:06:33 +0000

First, thanks for this great tutorial.

I had everything working, until I started changing the layout of the page. If I put the upload_link anywhere inside a table, it stops working in IE8 – there is no Javascript error, the Open File dialog just doesn’t appear. No such problem in Firefox though.

Has anybody else had this problem, or does anybody have any suggestions?

Thanks

By: Sergio

Sergio — Mon, 27 Jul 2009 11:06:52 +0000

I forgot to ask:

a) How to save the thumb with the original name and
b) How to delete the large image from the server when saved the thumb.

Cheers,

Sergio

By: Sergio

Sergio — Mon, 27 Jul 2009 11:04:34 +0000

@jesse

In the image_functions.php file, line 126:

imagejpeg($newImage,$thumb_image_name,90);

Cheers

By: James Womack

James Womack — Wed, 22 Jul 2009 06:50:00 +0000

Easy to implement and it works. Thank you!

By: Tal

Tal — Sun, 19 Jul 2009 08:54:15 +0000

I love this script! But only one problem that I’d appreciate any help that you can provide:
I’m trying to set in “index.php” a dynamic condition, and in “image_functions”, based on this dynamic condition (simple “if” statement) I want to dynamically set the “thumb_width” an “thumb_height” variables.

Although it uploads the file successfully, It gives me errors after I try to crop and save the thumbnail:

Warning: imagecreatetruecolor() [function.imagecreatetruecolor]: Invalid image dimensions in …/image_functions.php on line 109

Warning: imagecopyresampled(): supplied argument is not a valid Image resource in …/image_functions.php on line 124

Warning: imagepng(): supplied argument is not a valid Image resource in …/image_functions.php on line 136

Warning: chmod() [function.chmod]: No such file or directory in …/image_functions.php on line 139
success,upload_pic/resize_1247993414.png,upload_pic/thumbnail_1247993414.png

In index.php I put:
global $test;
$test=1;

In image_functions I put:
if($test==1){
$thumb_width = “100″; // Width of thumbnail image
$thumb_height = “100″; // Height of thumbnail image
}

Any help?

By: Ben

Ben — Fri, 03 Jul 2009 14:28:57 +0000

Just thought I’d share an issue I had in IE8 with this.

When preview(img, selection) is first called, the values for selection.width and selection.height are 0.

This results in it trying to set a css width of “Infinitypx”.

It only seems to be an issue in IE8, (and it only seems to be a problem for me, which makes me think I’m doing something wrong) but if you’re getting an error in IE8 you might want to check the values of selection.width and selection.height before using them to work out the scale.

By: Dan

Dan — Thu, 02 Jul 2009 08:52:11 +0000

@Mancourt I have the same problem, you can’t use an image either because the div hides it.

By: Mancourt

Mancourt — Mon, 15 Jun 2009 22:47:01 +0000

Is it possible to make the upload button have a hand cursor to increase usability? I’ve tried all sort of hacks but can’t seem to be able to style that button… It seems like the script generates a div on top of the “upload_link” div… Any ideas?