Bildergalerie und Browser aktualiesieren Cache Problem

pchilfe

Erfahrenes Mitglied
Liebe Freund,

Ich habe eine Bildergalerie programmiert, wo der Benutzer maximal 10 Bilder uploaden kann. Mein Problem ist es, dass wenn der Benutzer alte Bilder durch neue Bilder mit neuen Upload ersetzt, zeigt der Browser immer noch die alte Bilder.

Damit der Browser die Bilder nicht vom Cache liest sondern vom Server, habe ich folgendes gemacht:

Im Header habe die Metadaten eingetragen:

HTML:
<meta http-equiv='content-type' content='text/html; charset=ISO-8859-1'>
<meta http-equiv='pragma' content='no-cache'>
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>

Noch dazu habe ich ein Javascript geschrieben das nach dem Upload die Seite, die die Bilder zeigt einmal aktualisiert:

HTML:
var r = '1';
function MyReload(){
    if(r == '$urR'){
      location.reload(BilderGalerie.php?urR=0');
      }
    }

Der Wert der PHP Variable $urR wir vom Upload-Script auf 1 gesetzt um einmal reload durch zu führen. Alles funktioniert wie ich mir vorgestellt habe, trotzdem zeigt der Browser die Bilder vom Cache und nicht die aktuelle Bilder vom Server. Ich habe mit andere Browser getestet und immer noch das gleiche Problem. Der FireFox Browser beim Reload aktualisiert die Seite ohne Ende, obwohl beim Reload wird die PHP Variable auf 0 gesetzt.

Kann jemand mir einen Tip geben, was soll noch ich tun
Bitte um Hilfe ...

Vielen Dank
 
Versuch mal, es mit PHP zu lösen:
Wie: du gibst ja die src der Bilder an.... ermittle mit PHP das letzte Änderungsdatum der Bilder([phpf]filemtime[/phpf]) und hänge diesen Timestamp an die Adresse der Bilder ran.... dann werden sie neu geladen.
 
Wie kann ich den Timestamp an die Adresse der Bilder anhängen.? hast du vielleicht ein Beispiel oder wo ich so was finden kann.

Beim Upload werden die Bilder nach der id des Benutzers genant: id-1.jpg

Beispiel:
Im vorgesehenen Feld1 wird Bildnummer 1 gespeichert.
Altes Bild = id-1.jpg das neu upgeloadete Bild heisst auch id-1.jpg.

Wie funktioniert den Timestamp mit HTML, damit der Browser die neue Bilder liest.
HTML:
<img border='0' src='$id-1.jpg' width='30' height='35'>


Danke sehr ...
 

Neue Beiträge

Zurück