PHP - Php Image Output

How can I resize an image that i'm showing and rather than saving it, just output the file?

And would this vary if I was to be first calling the image through AJAX?

Hi,

I have an image (a weather map) which is created using php which pulls data from a mysql database.

I would like to be able to output the result image as a gif or jpg file.

Can anyone suggest how this could be done?

Many thanks,
Simon

sure, I know how to output a picture with a php script.
the problem is, the host I use, they won't let me edit the php.ini file to look through png files for PHP scripts before outputting.
Of course, it is bad practice anyways...
Is there any way to make it easy for a user to download the image with a .png extension instead of .php. (I know this is done automatically in windows 7, like: image.php.png because it reads the content type).

Any good ideas? =)

hello,

when i add
Code: [Select]
echo $row['img'];  to the code below it prevents it from working correctly.  Have I written the line correctly or is there another underlying cause?

any help greatly appreciated.

working       =  http://www.1pw.co.uk/demo2.php
not working =  http://www.1pw.co.uk/demo.php

Code: [Select]
<?php

define('INCLUDE_CHECK',1);
require "../#########.php";

if(!$_POST['img']) die("There is no such product!");

$img=mysql_real_escape_string(end(explode('/',$_POST['img'])));
$row=mysql_fetch_assoc(mysql_query("SELECT * FROM internet_shop WHERE img='".$img."'"));

echo $row['img'];

echo '{status:1,id:'.$row['id'].',price:'.$row['price'].',txt:\'\
\
<table width="100%" id="table_'.$row['id'].'">\
  <tr>\
    <td width="60%">'.$row['name'].'</td>\
    <td width="10%">$'.$row['price'].'</td>\
    <td width="15%"><select name="'.$row['id'].'_cnt" id="'.$row['id'].'_cnt" onchange="change('.$row['id'].');">\
<option value="1">1</option>\
<option value="2">2</option>\
<option value="3">3</option></slect>\
\
</td>\
<td width="15%"><a href="#" onclick="remove('.$row['id'].');return false;" class="remove">remove</a></td>\
  </tr>\
</table>\'}';
?>





not sure if needed but this is the file that includes the above file....

Code: [Select]
var purchased=new Array();
var totalprice=0;

$(document).ready(function(){

$('.product').simpletip({

offset:[40,0],
content:'<img src="img/ajax_load.gif" alt="loading" style="margin:10px;" />',
onShow: function(){

var param = this.getParent().find('img').attr('src');

if($.browser.msie && $.browser.version=='6.0')
{
param = this.getParent().find('img').attr('style').match(/src=\"([^\"]+)\"/);
param = param[1];
}

this.load('ajax/tips.php',{img:param});
}

});

$(".product img").draggable({

containment: 'document',
opacity: 0.6,
revert: 'invalid',
helper: 'clone',
zIndex: 100

});

$("div.content.drop-here").droppable({

drop:
function(e, ui)
{
var param = $(ui.draggable).attr('src');

if($.browser.msie && $.browser.version=='6.0')
{
param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
param = param[1];
}

addlist(param);
}

});

});


function addlist(param)
{
$.ajax({
type: "POST",
url: "ajax/addtocart.php",
data: 'img='+encodeURIComponent(param),
dataType: 'json',
beforeSend: function(x){$('#ajax-loader').css('visibility','visible');},
success: function(msg){

$('#ajax-loader').css('visibility','hidden');
if(parseInt(msg.status)!=1)
{
return false;
}
else
{
var check=false;
var cnt = false;

for(var i=0; i<purchased.length;i++)
{
if(purchased[i].id==msg.id)
{
check=true;
cnt=purchased[i].cnt;

break;
}
}

if(!cnt)
$('#item-list').append(msg.txt);

if(!check)
{
purchased.push({id:msg.id,cnt:1,price:msg.price});
}
else
{
if(cnt>=3) return false;

purchased[i].cnt++;
$('#'+msg.id+'_cnt').val(purchased[i].cnt);
}

totalprice+=msg.price;
update_total();

}

$('.tooltip').hide();

}
});
}

function findpos(id)
{
for(var i=0; i<purchased.length;i++)
{
if(purchased[i].id==id)
return i;
}

return false;
}

function remove(id)
{
var i=findpos(id);

totalprice-=purchased[i].price*purchased[i].cnt;
purchased[i].cnt = 0;

$('#table_'+id).remove();
update_total();
}

function change(id)
{
var i=findpos(id);

totalprice+=(parseInt($('#'+id+'_cnt').val())-purchased[i].cnt)*purchased[i].price;

purchased[i].cnt=parseInt($('#'+id+'_cnt').val());
update_total();
}

function update_total()
{
if(totalprice)
{
$('#total').html('total: $'+totalprice);
$('a.button').css('display','block');
}
else
{
$('#total').html('');
$('a.button').hide();
}
}


not sure if this is needed, but it links to the above file;

Code: [Select]
<?php

define('INCLUDE_CHECK',1);
require "######.php";

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>shop</title>

<link rel="stylesheet" type="text/css" href="demo.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.ui.main.js"></script>

<!--[if lt IE 7]>
<style type="text/css">
.pngfix { behavior: url(pngfix/iepngfix.htc);}
    .tooltip{width:200px;};
</style>
<![endif]-->


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="simpletip/jquery.simpletip-1.3.1.pack.js"></script>


<script type="text/javascript" src="script.js"></script>

</head>

<body>

<div id="main-container">
<div class="tutorialzine">
    <h1>Shopping cart</h1>
    <h3>The best products at the best prices</h3>
    </div>

    <div class="container">
   
    <span class="top-label">
            <span class="label-txt">Products</span>
        </span>
       
        <div class="content-area">
   
    <div class="content drag-desired">
           
                <?php

$result = mysql_query("SELECT * FROM internet_shop");
while($row=mysql_fetch_assoc($result))
{
echo '<div class="product"><a href="#" class="item"><img src="img/products/'.$row['img'].'" alt="'.htmlspecialchars($row['name']).'" width="128" height="128" class="pngfix" /></a></div>';

}

?>
               
               
                <div class="clear"></div>
            </div>

        </div>
       
        <div class="bottom-container-border">
        </div>

    </div>



    <div class="container">
   
    <span class="top-label">
            <span class="label-txt">Shopping Cart</span>
        </span>
       
        <div class="content-area">
   
    <div class="content drop-here">
            <div id="cart-icon">
            <img src="img/Shoppingcart_128x128.png" alt="shopping cart" class="pngfix" width="128" height="128" />
<img src="img/ajax_load_2.gif" alt="loading.." id="ajax-loader" width="16" height="16" />
                </div>

<form name="checkoutForm" method="post" action="order.php">
               
                <div id="item-list">
                </div>
               
</form>               
                <div class="clear"></div>

<div id="total"></div>

                <div class="clear"></div>
               
                <a href="" onclick="document.forms.checkoutForm.submit(); return false;" class="button">Checkout</a>
               
           </div>
          </div>
         <div class="bottom-container-border">
        </div>
       </div>
      </div>

<div class="bowlpic">

</div>
</body>
</html>

I am trying to produce a thresholded image with only an rgb value of zero or 255.

As you can see, although I only output 0 and 255,
I am finding that if I output as jpg file, I get other values in there as well.
If I output as gif, I also get other values in there too.

I am sure I am doing something stupid as there must be a way to do this.

My test file is this attached jpg greyscale file.

Is there a way to process this test file so that only 0 or 255 appears in the output image please? Thanks.

Here is my program

<?php
$url = 'greyscale_image.jpg';
$outfile = 'greyscaleout';
$src = imagecreatefromjpeg($url);
$w = imagesx($src);$h = imagesy($src);
$loband = 80;$hiband = 255;

$im_r = imagecreatetruecolor($w,$h);
imagefill($im_r,0,0,imagecolorallocate($im_r,255,0,0));

$im_j = imagecreatetruecolor($w,$h);
imagefill($im_j,0,0,imagecolorallocate($im_j,255,0,0));

for ($x=0;$x<$w;$x++) {
for ($y=0;$y<$h;$y++) {
$idx = imagecolorat($src,$x,$y);
$rgb = imagecolorsforindex($src,$idx); // this is safest (for gifs) rather than some calculation - apparently
$r =$rgb['red'];
$g = $rgb['green'];
$b = $rgb['blue'];

$gryout = $r;
if ($r <= $loband) {
$gryout = 0; // everything less than= loband is black
}
if ($r > $loband) {
$gryout = 255; // everything else is white
}
if ( ($gryout == 0) || ($gryout == 255) ) {
// only zero or 255 allowed
$idx = imagecolorallocate($im_r,$gryout,$gryout,$gryout);
imagesetpixel($im_r,$x,$y,$idx); //
imagesetpixel($im_j,$x,$y,$idx); //

$idx2 = imagecolorat($im_r,$x,$y);//
if ($idx != $idx2) {
die($idx2." at x,y ".$x.",".$y);
}
$rgb = imagecolorsforindex($im_r,$idx); // this is safest (for gifs) rather than some calculation - apparently
$r =$rgb['red'];
$g = $rgb['green'];
$b = $rgb['blue'];
if ($r != 0) {
if ($r != 255) {
die($r." at x,y ".$x.",".$y);
}
}
} else {
die('<br>Grey going out to image is '.$gryout);
}
}
}
imagegif($im_r,$outfile.'.gif');imagedestroy($im_r);
imagejpeg($im_j,$outfile.'.jpg');imagedestroy($im_j);
// ==========================
// done the writing, now check it
// ==========================
// $outfile = 'greyscale_image'; // test using original
$src = imagecreatefromjpeg($outfile.'.jpg');
$w = imagesx($src);$h = imagesy($src);
$errcount = 0;
$x = 0;
while($x<$w) {
$y = 0;
while($y<$h) {
$idx = imagecolorat($src,$x,$y);//
$rgb = imagecolorsforindex($src,$idx); // this is safest (for gifs) rather than some calculation
$r =$rgb['red'];
$g = $rgb['green'];
$b = $rgb['blue'];

if ($r != 0) {
if ($r != 255) {
echo sprintf('<br>r(%d,%d) r=%d g=%d b=%d',$x,$y,$r,$g,$b);$errcount++;
}
}
if ($g != 0) {
if ($g != 255) {
echo sprintf('<br>g(%d,%d) r=%d g=%d b=%d',$x,$y,$r,$g,$b);$errcount++;
}
}
if ($b != 0) {
if ($b != 255) {
echo sprintf('<br>b(%d,%d) r=%d g=%d b=%d',$x,$y,$r,$g,$b);$errcount++;
}
}
if ($errcount > 10) {break 2;}

$y++;
}
$x++;
}
if ($errcount == 0) {die( ' Checked OK' );}
die( ' Checked  NOT OK' );
// =================
?>