Bildreload mit JavaScript

T

TobiNeu

Hi,

ich habe mal wieder ein Problem :)
Und zwar habe ich eine Seite "Profil" in der ein Bild eines Users angezeigt wird. Durch klicken eines Buttons komme ich auf eine neue Seite auf der der User ein neues Bild uploaden kann.
Das Bild überschreibt einfach das alte Bild und wird unter der UserID gespeichert.
Das funktioniert soweit auch.

Nun mein Problem.
Wenn ich nun vom Upload zurück auf die Profil-Seite gehe wird immernoch das alte Bild angezeigt.
Was ich bisher probiert habe ist zum einen meta-tags:

Code: 
		<meta http-equiv="expires" content="5">	
	 	<meta http-equiv="pragma" content="no-cache">		
		<meta http-equiv="cache-control" content="no-cache">

und zum anderen eine javascriptfunktion

Code: 
...
<body onload="updatePhoto();">
...
<img id="userphoto" width=160 height=200 src="id.jpg">
...

Code: 
function updatePhoto() {
    	document.getElementById('userphoto').src="id.jpg";
    	setTimeout('updatePhoto()', 5000);
}

Hat noch jemand ne andere Idee ?
Was könnte ich noch machen?
Leider funktioniert beides nicht und das neue Bild wird nicht automatisch nachgeladen.

Danke und Viele Grüße
 
ok habs gelöst

und zwar habe ich mir eine funktion geschrieben, die eine zufallszahl zwischen 0 und 10000 berechnet und diese hänge ich dem Bild an:

Code: 
<body onload="updatePhoto();">
...
<img id="userphoto" width=160 height=200 src="id.jpg">

Code: 
var photoname = "id.jpg";

function updatePhoto() {
        photoname = photoname + "?random=" + getRandom();
        document.getElementById('userphoto').src=photoname;
}

Das ist nur nen kleines Beispiel das ich kurz runtergetippt habe.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück