PHP - Resizing / Scaling Image

Hi all

I am trying to write a piece of code that will resize and image to fit in a canvas 300 by 300 pixels and centre horizontally and vertically. Here's my code:

Code: [Select]
$imagelarge = $_FILES['image']['tmp_name'];
$imagelargemain = $_FILES['image']['name'];
$src = imagecreatefromjpeg($imagelarge);
list($width,$height)=getimagesize($imagelarge);
$newwidth=300;
$newheight=($height/$width)*$newwidth;
$center_x = 300/300;
$center_y = (300/2)-($newheight/2);
$tmp=imagecreatetruecolor(300,300);
$white = imagecolorallocate($tmp, 255, 255, 255);
imagefill($tmp, 0, 0, $white);
imagecopyresampled($tmp,$src,$center_x,$center_y,0,0,$newwidth,$newheight,$width,$height);

This works ok but if the user uploads a very thin and tall image it only shows the middle?

Please help!

Many thanks
Pete

Hello:

I have a photo uploader in my admin area. First time I tried this so it's new to me. The upload form sends it to the page below, and does the resizing and saving.

It seems to automatically resize the photos to make thumbnails, which is really nice.

However, I am trying to do 2 things and can't figure it out.

1 - I would like to resize the main photo and not the thumbnail (or just use the thumbnail as the main photo, whichever seems easier).
I would like it to be 690px wide but let it scale in proportion to what the height should be (not set a height as I think that's what it is doing now).

This is the area where it gets resized:
Code: [Select]
{
$thumbnail_width = 690;
$thumbnail_height = (int)(100 * $size[1] / $size[0]);
}
else
{
$thumbnail_width = (int)(690 * $size[0] / $size[1]);
$thumbnail_height = 100;
}


Also, the thumbnails are coming out very dark and de-colored. How can I set it so it retains all the color and clarity, but just resizes them?

Point I'm trying to do is just resize upon upload, as most of my clients do not and will not resize photos before uploading them, and that means each photo from a digital camera will be about 1.3 MBs, which starts to make a photo gallery page very heavy and clunky.

This is the full code, if it will help:
Code: [Select]
<?php
// initialization
$result_final = "";
$counter = 0;

// List of our known photo types
$known_photo_types = array( 
'image/pjpeg' => 'jpg',
'image/jpeg' => 'jpg',
'image/gif' => 'gif',
'image/bmp' => 'bmp',
'image/x-png' => 'png'
);

// GD Function List
$gd_function_suffix = array( 
'image/pjpeg' => 'JPEG',
'image/jpeg' => 'JPEG',
'image/gif' => 'GIF',
'image/bmp' => 'WBMP',
'image/x-png' => 'PNG'
);

// Fetch the photo array sent by preupload.php
$photos_uploaded = $_FILES['photo_filename'];

// Fetch the photo caption array
$photo_caption = $_POST['photo_caption'];

while( $counter <= count($photos_uploaded) )
{
if($photos_uploaded['size'][$counter] > 0)
{
if(!array_key_exists($photos_uploaded['type'][$counter], $known_photo_types))
{
$result_final .= "File ".($counter+1)." is not a photo<br />";
}

else
{
mysql_query( "INSERT INTO gallery_photos(`photo_filename`, `photo_caption`, `photo_category`) VALUES('0', '".addslashes($photo_caption[$counter])."', '".addslashes($_POST['category'])."')" );
$new_id = mysql_insert_id();
$filetype = $photos_uploaded['type'][$counter];
$extention = $known_photo_types[$filetype];
$filename = $new_id.".".$extention;

mysql_query( "UPDATE gallery_photos SET photo_filename='".addslashes($filename)."' WHERE photo_id='".addslashes($new_id)."'" );

// Store the orignal file
copy($photos_uploaded['tmp_name'][$counter], $images_dir."/".$filename);

// Let's get the Thumbnail size
$size = GetImageSize( $images_dir."/".$filename );
if($size[0] > $size[1])


//{
//$thumbnail_width = 100;
//$thumbnail_height = (int)(100 * $size[1] / $size[0]);
//}
//else
//{
//$thumbnail_width = (int)(100 * $size[0] / $size[1]);
//$thumbnail_height = 100;
//}



{
$thumbnail_width = 690;
$thumbnail_height = (int)(500 * $size[1] / $size[0]);
}
else
{
$thumbnail_width = (int)(690 * $size[0] / $size[1]);
$thumbnail_height = 500;
}



// Build Thumbnail with GD 1.x.x, you can use the other described methods too
$function_suffix = $gd_function_suffix[$filetype];
$function_to_read = "ImageCreateFrom".$function_suffix;
$function_to_write = "Image".$function_suffix;

// Read the source file
$source_handle = $function_to_read ( $images_dir."/".$filename ); 

if($source_handle)
{
// Let's create an blank image for the thumbnail
      $destination_handle = ImageCreate ( $thumbnail_width, $thumbnail_height );

// Now we resize it
       ImageCopyResized( $destination_handle, $source_handle, 0, 0, 0, 0, $thumbnail_width, $thumbnail_height, $size[0], $size[1] );
}

// Let's save the thumbnail
$function_to_write( $destination_handle, $images_dir."/tb_".$filename );
ImageDestroy($destination_handle );
//

$result_final .= "<img src='".$images_dir. "/tb_".$filename."' style='margin-right: 20px;' />";


}
}
$counter++;
}

// Print Result
echo <<<__HTML_END

$result_final

__HTML_END;
?>

Anyone know how to fix this?

Thanks.

Hey guys, i have been creating a profile page for a site i am doing. When i upload an image the profile image gets resized to 150px x 150px (CSS) however you can imagine if the image isnt a perfect size it will be squashed. Is there anyway i can resize the image? so that it doesnt look squashed like keep the full size upload image but pass it through a function before it displays in the profile section? if someone could point me in the right direction that would be awesome.

Thanks!!

Having a nightmare here lol

$img->set_size(225);

That is resizing the image with a maximum width but i need to resize it to make it have a maximum height but can't figure out how to do it

Here's my full code if you want to see it:

Code: [Select]
<?php
include("class.imaging.php");

// The file
$dir = "upload/";
$file = $newfile;
$filename = $dir . $file;


$img = new imaging;
$img->set_img($filename);
$img->set_quality(120);

// Profile Picture
$img->set_size(225);
$img->save_img("upload/thumb/" . $file);

$img->clear_cache();
?>

i have a script that uses simple file function to upload images.. is der a way i can sumhow select multiple files and use them to upload.. or is there a way i can resize or reduced the size of the image as its being uploaded.. if yes please guide me through!

i use simple form to upload the file and use the following file to upload

move_uploaded_file($_FILES['img']['tmp_name'], "images/albums/{$_FILES['img']['name']}");

I use a simple php code (taken from php.net example) to resize an image

Code: [Select]
list($width, $height) = getimagesize($filename);
$new_height = $height / $width * 400;
$image_p = imagecreatetruecolor(400, $new_height);
$image = imagecreatefromjpeg($filename);
imagecopyresampled($image_p, $image, 0, 0, 0, 0, 400, $new_height, $width, $height);
imagejpeg($image_p, "new.jpg");
Here, we create a blank image and merge it with the resized image. I wonder if it is the simplest way to resize and save an image. Is it really necessary to create a blank background image?

Hi all,

I have been trying to create a thumbnail but have realised I can just resize the image instead.

I have been trying to do this and have made the code below however do not know what else I need to do to upload the new image.

Could someone help?

Thanks


<?php
$filename = $_FILES['image'];
$reg = "G-ZZZZ";
$width = 200;
$height = 200;

list($width_orig, $height_orig) = getimagesize($filename);

$ratio_orig = $width_orig/$height_orig;

if ($width/$height > $ratio_orig) {
   $width = $height*$ratio_orig;
} 
else {
   $height = $width/$ratio_orig;
}

$destination='aircraft/'.$reg."1.jpg";
$temp_file = $_FILES['image']['tmp_name'];
move_uploaded_file($temp_file,$destination);
?>

I am wanting to resize images on the fly in a loop (i.e. without saving them).

However, any methods I have looked all need saving and won't just output the image in a loop.

Is there any way to actually accomplish this?

Good Morning, Freaks, I hope you're all well. I've a question -

I've been researching coding image resize functionality. While looking into the functions I'd need to do this I came across very similar code used in examples from 3 different sources so decided this was good code to learn from. So I tweeked it a bit and put it into a class method ->

public function imageResize($target, $newcopy, $w, $h, $ext) {

            list($orig_w, $orig_h) = getimagesize($target);
            $scale_ratio = $orig_w/$orig_h;

            if(($w / $h) > $scale_ratio) {
                $w = $h * $scale_ratio;
            } else {
                $h = $w / $scale_ratio;
            }

            $img = "";
            if($ext == "gif" || $ext == "GIF") {
                $img = imagecreatefromgif($target);
            } else if($ext == "png" || $ext == "PNG") {
                $img = imagecreatefrompng($target);
            } else if($ext == "jpg" || $ext == "JPG" || $ext == "jpeg" || $ext == "JPEG") {
                $img = imagecreatefromjpeg($target);
            }

            $create_tci = imagecreatetruecolor($w, $h);

            imagecopyresampled($create_tci, $img, 0, 0, 0, 0, $w, $h, $orig_w, $orig_h);
            imagejpeg($create_tci, $newcopy, 80);

        }

and then connected it to a button ->

<?php
require("assets/initializations.php");

if(isset($_POST['upload_image'])) {
    $image_obj = new Image($conn, $user);
    $image_obj->imageUpload();

} else if(isset($_POST['resize_image'])) {
    mysqli_report(MYSQLI_REPORT_ERROR|MYSQLI_REPORT_STRICT);

    $image_obj = new Image($conn, $user);

    $kaboom = explode(".", $image_name);

    //object params
    $image_ext = $kaboom[-1];
    $target_image = "/opt/lampp/htdocs/site/admin/img/$image_name";
    $resized_image = "/opt/lampp/htdocs/site/admin/img/resized_$image_name";
    $max_w = 150;
    $max_h = 150;

    $image_obj->imageResize($target_image, $resized_image, $max_w, $max_h, $image_ext);

    //header("Location: add_photo.php"); 
}
?>

Setup: A preview button chooses the image, a preview which is displayed underneath it (using js). There's also an upload button to bring it into the sites file system. This functionality works fine. I've just added the resize button beside the preview button and connected the object method to it.

Intended Result: The resize button resizes the previewed image and the resized image is now previewed instead of the original image.

Result: Nothing. The button stays in the active state, but nothing happens.

I get no warning nor error messages and absolutely nothing in dev tools to work from. Not sure what my next step would be outside asking more experienced coders

Any advise or guidance on getting this resolved would be met with appreciation. TIA

 

 

Hello there,

Ill get straight to the point I want to copy part of an image with a set height and width with as little aspect ratio losing as possible.

I tried just copying the size i wanted onto the destination image but when a large image was being used i lost quite alot of the picture. So then I just copied it all across but that compacted the image and I didnt want to do that (well not to that degree although some were funny because they were people.)

So what have i got so far; Below is the important function which is doing the job.
function copy_crop_image($width, $height, $new_width, $new_height, $dest, $source, $dx=55, $dy=19){
$top_x=0;// The x location on the source image
$top_y=0;// Same as above but for the y
// $dx and $dy are the destination x y of where to paste the image
imagecopyresampled($dest, $source, $dx, $dy, $top_x, $top_y, $new_width, $new_height, $width, $height)===false;

}

Please can you help me out with guidance on how to resize the image then crop it in one go if possible to save resources. I know it can be done but I just can't think.

Thank-you all
Paul Hutchinson

I am using an upload page for photos, and When I try to display the photo after it's been uploaded it only displays part of the photo. I realize that that is probably because the file is too big, but if anyone out there knows how to resize an image for display after its been uploaded I would really appreciate the help. This is the get.php page I'm using to display the image
Code: [Select]
<?php
$id=$_REQUEST['id'];
$image=mysql_query("SELECT*FROM demophotos WHERE id=$id");
$image=mysql_fetch_assoc($image);
$image=$image['image'];

header ("Content-type: image/jpeg");

echo $image;
?>

And this is the photo.php page that I'm using for uploading

Code: [Select]
<?php
$file= $_FILES['image'] ['tmp_name'];

if (!isset($file))

  echo "Please select an image";
else
{
$image= addslashes(file_get_contents($_FILES['image'] ['tmp_name']));
$image_name= addslashes($_FILES['image'] ['name']);
$image_size= getimagesize($_FILES['image'] ['tmp_name']);
if ($image_size==FALSE)
echo "Well that's not an image now, is it?";

else 
{

if(!$insert= mysql_query("INSERT INTO demophotos(id, name, image) VALUES ('', '$image_name', '$image')"))
echo "?";

else
{
$lastid=mysql_insert_id();
echo "Image uploaded <p /> You're Image: <p /><img src= get.php?id=$lastid>";
}
}
}
?>       

I've got a submission form for users to upload an image. Once uploaded, I want to resize the image twice: one full size and one thumbnail size. I've attached the current PHP I'm using. Currently, both images are being outputted.. the large one is resized and saved properly but the thumbnail is only displaying the black image placeholder and not the image.

I've been working around the idea that the problem is around the thumbnail having trouble pulling the file's temporary location AFTER the full size pulls it. Any help?

$fname = strtolower($_FILES['subimg']['name']); // grab uploaded image's filename and lowercase the extension (ex: .JPG)

// verify that image uploaded is proper extension
if(preg_match('/[.](jpg)|(gif)|(png)$/', $fname))
{
// set image variables
$path_image = '../submissions/';
$final_width_of_image = 600;
$randomappend=rand(0000,9999); // generate random number to append to filename
$src = $_FILES['subimg']['tmp_name']; // grab the src for where the image is temporarily held
$filesub = $randomappend . $fname; // initiate new file name for submission's full image
$target = $path_image . $filesub; // set variable for submission image's new location with appended name

$path_image_thumb = '../submissions/thumbs/';
$final_width_of_thumb = 250;
$final_height_of_thumb = 180;
$filethumb = $randomappend . $fname; // initiate new file name for submission's thumbnail
$target_thumb = $path_image_thumb . $filethumb; // set variable for thumbnail's new location with appended name





move_uploaded_file($src, $target);

// RESIZE TO FIT NEWS COLUMN WIDTH
// CHECK FILE EXTENSION
if(preg_match('/[.](jpg)$/', $filesub)){
$img = imagecreatefromjpeg($path_image . $filesub);
} else if (preg_match('/[.](gif)$/', $filesub)){
$img = imagecreatefromgif($path_image . $filesub);
} else if (preg_match('/[.](png)$/', $filesub)){
$img = imagecreatefrompng($path_image . $filesub);
}

// FIND UPLOADED FILE'S ORIGINAL DIMENSIONS
$ox = imagesx($img);
$oy = imagesy($img);

// SET NEW DIMENSIONS FOR SUBMISSION IMAGE
$sx = $final_width_of_image;
$sy = floor($oy * ($final_width_of_image / $ox)); 

$sm = imagecreatetruecolor($sx, $sy); 
 
imagecopyresampled($sm, $img, 0,0,0,0,$sx,$sy,$ox,$oy);

if(!file_exists($path_image)){
if(!mkdir($path_image)){
die("There was a problem.");
} 
}

imagejpeg($sm, $path_image . $filesub, 80);

$sub .= '<br /><img src="' . $path_image . $filesub . '" alt="submission image">';
$sub .= '<br />Submission was successfuly created!<br />';
echo $sub;






move_uploaded_file($src, $target_thumb);

if(preg_match('/[.](jpg)$/', $filethumb)){
$img2 = imagecreatefromjpeg($path_image_thumb . $filethumb);
} else if (preg_match('/[.](gif)$/', $filethumb)){
$img2 = imagecreatefromgif($path_image_thumb . $filethumb);
} else if (preg_match('/[.](png)$/', $filethumb)){
$img2 = imagecreatefrompng($path_image_thumb . $filethumb);
}

$tox = imagesx($img2);
$toy = imagesy($img2);

// SET NEW DIMENSIONS FOR THUMBNAIL
$tx = $final_width_of_thumb;
$ty = $final_height_of_thumb; 

$tm = imagecreatetruecolor($tx, $ty); 

imagecopyresampled($tm, $img2, 0,0,0,0,$tx,$ty,$tox,$toy); 

if(!file_exists($path_image_thumb)){
if(!mkdir($path_image_thumb)){
die("There was a problem.");
} 
}

imagejpeg($tm, $path_image_thumb . $filethumb, 80);

$tn .= '<br /><img src="' . $path_image_thumb . $filethumb . '" alt="thumbnail image">';
$tn .= '<br />Thumbnail was successfuly created!<br />';
echo $tn;

Hello

I have uploaded images from a server onto a website, they run through a mysql database (database holds the image file names). The problem I am having is resizing the images. Can anyone help?

Thank you in advance

GWG

I've been working on this site that allows users to upload images to the server...

the code i have right now basically uploads the file to the server and then resizes it and makes a new copy of it...

Upuntil now it was working flawlessly, however now i'm getting this error:


Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: gd-jpeg: JPEG library reports unrecoverable error: in /home/content/t/h/e/thereferralpro/html/beta/region.php on line 144

Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: 'images/projects/porncheck_star.png' is not a valid JPEG file in /home/content/t/h/e/thereferralpro/html/beta/region.php on line 144

Warning: imagecopyresampled(): supplied argument is not a valid Image resource in /home/content/t/h/e/thereferralpro/html/beta/region.php on line 162

Warning: imagedestroy(): supplied argument is not a valid Image resource in /home/content/t/h/e/thereferralpro/html/beta/region.php on line 165



In order for you guys to understand the error here's the code i'm using


//move file to the folder before resizeing
move_uploaded_file($_FILES['image']['tmp_name'], $target);

//resize the image and add to server
$source_pic = $target;
$final_pic = $dir.$final_img_name;
$max_width = 800;
$max_height = 600;

$src = imagecreatefromjpeg($source_pic);
list($width,$height)=getimagesize($source_pic);

$x_ratio = $max_width / $width;
$y_ratio = $max_height / $height;

if( ($width <= $max_width) && ($height <= $max_height) ){
$tn_width = $width;
$tn_height = $height;
}elseif (($x_ratio * $height) < $max_height){
$tn_height = ceil($x_ratio * $height);
$tn_width = $max_width;
}else{
$tn_width = ceil($y_ratio * $width);
$tn_height = $max_height;
}

$tmp=imagecreatetruecolor($tn_width,$tn_height);
imagecopyresampled($tmp,$src,0,0,0,0,$tn_width, $tn_height,$width,$height);

imagejpeg($tmp,$final_pic,80);
imagedestroy($src);
imagedestroy($tmp);

list($width, $height, $type, $attr) = getimagesize($final_pic);



Keep in mind that this code was working perfectly and now for some reason its not working anymore, and no i have not touch it at all nor i have done nay edits to this code

Hope someone can help me out because i have no idea what this could be.

Thanks

Hi I'm trying to setup Pagination at the bottom of the page after showing 10 images in the following script but have no clue where to start and how to implement it into the script.