Jump to content

Difficulties in displaying resized images using imagecopyresampled


Recommended Posts

Please consider the following code:

 

<?php
// The file
$filename = 'test.jpg';

// Set a maximum height and width
$width = 500;
$height = 340;

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

// Get new dimensions
list($width_orig, $height_orig) = getimagesize($filename);

$ratio_orig = $width_orig/$height_orig;

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

// Resample
$image_p = imagecreatetruecolor($width, $height);
$image = imagecreatefromjpeg($filename);
imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig, $height_orig);

// Output
imagejpeg($image_p, null, 100);
?> 

 

The code above works fine and also consider the following code which only added the html and body tags at the top and bottom:

 

<html>
<body>
<?php
// The file
$filename = 'test.jpg';

// Set a maximum height and width
$width = 500;
$height = 340;

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

// Get new dimensions
list($width_orig, $height_orig) = getimagesize($filename);

$ratio_orig = $width_orig/$height_orig;

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

// Resample
$image_p = imagecreatetruecolor($width, $height);
$image = imagecreatefromjpeg($filename);
imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig, $height_orig);

// Output
imagejpeg($image_p, null, 100);
?> 
</html>
</body>

 

 

The latter code just displays bunch of strange text rather than image itself.

 

How can I solve this problem so that I can see cool images again?

 

Thanks.

Your trying to send a file to a browser that is part html (text) and part image. You need to treat the first script you have as an image. therefor, your second piece of code should look like....

 

<html>
  <body>
    <img src="firstscript.php" />
  </body>
</html>

Make sense?

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.