My page will not update

vigour

I'm building a picture application. One of the features is that the user can rotate the picture 90 or 180 degrees. This is done with Imagemagick. Everything works perfect except one thing. My page will not update in the right way. Let me tell you all how it works.

page1.php shows the picture.jpg

I have some buttons under the picture where the user can rotate the picture. When the user click the rotate button page2.php is called. Imagemagick rotates the picture in page2.php and calls page1.php again with include.

But page1.php still shows the unrotated picture until I update my webbrowser. I have tried so many things to force it to update the page and force it to not cache the page but I can't get it to work.

What is the preferred way of doing this?

Bjom

hard to say w/o looking at your code.... post it?

vigour

<?php

session_start(); // start up your PHP session! 

header ("Expires: 	Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past
	header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // always modified
	header ("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
	header ("Pragma: no-cache"); // HTTP/1.0

$bildnummer = $_POST["bildnummer"].".jpg";

if ($_POST["bildnummer"] == "")
	{
	$bildnummer = $_SESSION['bildnummer'];
	}
else
	{
	$_SESSION['bildnummer'] = $bildnummer;
	}	

?>

<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #FFFFFF;
	font-weight: bold;
}
body {
	background-color: #d4cab6;
}
.style8 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; }
.style9 {color: #000000}
-->
</style></head>

<body>
<form id="form1" name="form1" method="post" action="modifiera_bild_2.php">
<table width="549" border="0" align="center" cellspacing="1">
  <tr>
    <td align="center" bgcolor="#4b5360" class="style6">Modifiera bild</td>
  </tr>
  <tr>
    <td align="center" bgcolor="#c3b8a2"><img src="soderhamn/pictures/large/<? echo $bildnummer; ?>"/></td>
  </tr>
  <tr>
    <td bgcolor="#c3b8a2">

    <div align="center">
      <input name="button" type="submit" class="style7" id="button" value="Rotera 180°" />
      <input name="button" type="submit" class="style7" id="button" value="Rotera 90° medsols" />
      <input name="button" type="submit" class="style7" id="button" value="Rotera 90° motsols" />
</div></td></tr>
  <tr>
    <td bgcolor="#c3b8a2">

    <div align="center">
      <input name="button" type="submit" class="style7" id="button" value="Vänd horisontellt" />
      <input name="button" type="submit" class="style7" id="button" value="Vänd vertikalt" />
</div></td></tr>
  <tr>
    <td bgcolor="#c3b8a2">

    <div align="center">
      <input name="button" type="submit" class="style7" id="button" value="Sätt gråskala" />
      <input name="button" type="submit" class="style7" id="button" value="Invertera" />
</div></td></tr>
  <tr>
    <td bgcolor="#b2a48a" class="style7">&nbsp;</td>
  </tr>
</table>
</form>
</body>

<?php

session_start(); // start up your PHP session! 

header("Expires: ".gmdate("D, d M Y H:i:s")." GMT"); // Always expired 
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");// always modified 
header("Cache-Control: no-cache, must-revalidate");// HTTP/1.1 
header("Pragma: nocache");// HTTP/1.0

$subdomain =  $_SESSION['subdomain'];

$bildnummer = $_SESSION['bildnummer'];
$bildnummer = substr($bildnummer, 0, -4);
$bildnummer = $bildnummer . ".tif";

$input = $subdomain."/pictures/backup/".$bildnummer;
$output = $subdomain."/pictures/backup/".$bildnummer;

if ($_POST["button"] == "Rotera 180°")
	{
	// rotera 180°";
	$exec = "convert '$input' -rotate 180 '$output'";
	}

if ($_POST["button"] == "Rotera 90° medsols")
	{
	// rotera 90° medsols
	$exec = "convert '$input' -rotate 90 '$output'";
	}

if ($_POST["button"] == "Rotera 90° motsols")
	{
	// rotera 90° motsols
	$exec = "convert '$input' -rotate 270 '$output'";
	}		

if ($_POST["button"] == "Vänd horisontellt")
	{
	// vänd horisontellt
	$exec = "convert '$input' -flop '$output'";
	}

if ($_POST["button"] == "Vänd vertikalt")
	{
	// vänd vertikalt
	$exec = "convert '$input' -flip '$output'";	
	}	

if ($_POST["button"] == "Sätt gråskala")
	{
	// sätt gråskala
	$exec = "convert '$input' -colorspace Gray '$output'";
	}

if ($_POST["button"] == "Invertera")
	{
	// invertera
	$exec = "convert '$input' -negate '$output'";	
	}

// utför modifieringen av tif filen i backup mappen	
exec($exec, $yaks);	

$file_name = $bildnummer;
$input = $subdomain."/pictures/backup/".$file_name;
$output = substr($file_name, 0, strrpos($file_name,'.'));
$output = $subdomain."/pictures/large/".$output.".jpg";
$output2 = substr($file_name, 0, strrpos($file_name,'.'));
$output2 = $subdomain."/pictures/small/".$output2.".jpg";

$exec = "convert '$input' -resize 535x535 -units PixelsPerInch -density 72 -quality 60 '$output'";
exec($exec, $yaks);	
$exec = "convert '$output' -resize 124x124 -units PixelsPerInch -density 72 -quality 60 '$output2'";
exec($exec, $yaks);

include("modifiera_bild_1.php");

?>

Bjom

did you check the .jpgs? Do they get rotated and written to disk properly?

vigour

Yes all images is rotated properly. This is a update problem because when I update the browser the images are rotated. I have also tried to download the and they are rotated when I open them in Photoshop.

Bjom;10921000 wrote:
did you check the .jpgs? Do they get rotated and written to disk properly?

Bjom

Seems that you are still getting the img from the cache then... afaik the methods to prevent the browser from caching have some catches and can go wrong.

It seems the safest method would be to rotate the picture and rename it at the same time for example: picturename_90 or picturename_270. Then pass the new "bildname" to the first script. that should be safe.

Why not have rotated versions of all pics from the start? that would safe processing time (while it costs disk-space of course)

Bjom

vigour

To rename the pictures seems like a very good idea. I think I will go one step further. The pictures must have the same filename but... I can create a random number and add to the filename and pass that to the first page. Then show the picture and after that let the first page rename the picture to it's right filename again. I will try that and see if it works. Thanks for your good ideas.

Bjom;10921082 wrote:
Seems that you are still getting the img from the cache then... afaik the methods to prevent the browser from caching have some catches and can go wrong.

It seems the safest method would be to rotate the picture and rename it at the same time for example: picturename_90 or picturename_270. Then pass the new "bildname" to the first script. that should be safe.

Why not have rotated versions of all pics from the start? that would safe processing time (while it costs disk-space of course)

Bjom