Bild neuladen
Fantasy
- javascript
0 |project-sms.at|0 Fantasy
0 Gemein Gehaim0 Gemein Gehaim0 Fantasy0 gemein gehaim0 Fantasy
Also folgendes Problem auf einen Server wird immer ein Bild hochgeladen und zwar jede sekunde ein neues so jetzt meine frage wie kann ich das per javascript jedes mal neuladen aber so das es ein laufendes bild entsteht.
Weiß nicht ob es dir hilft, aber mit diesem code ist es möglich:
<META HTTP-EQUIV="REFRESH" CONTENT="zeitangabe in sekunden hier rein; URL=zielseite.html">
mfg DJ Kamp
jo, das weiß ich aber, ich habe das nicht umsonst bei javascript reingesetzt. ich weiß das es mit js geht weiß bloss nicht wie :(
Achtung: Ungetestet!
Wenn du du dein Bild z.B. folgendermaßen eingebunden hast:
<img src="meinbild.bmp" height="1024" width="1280" alt="" name="meinbild">
Kannst du mit folgendem Javascript-code einen reload des Bildes veranlassen:
<script language="javascript">
<!--
function reloadpic()
{
now = new Date();
document.images["meinbild"].src = "meinbild.bmp&foo=" + now.getTime();
setTimeout("reloadpic();", 1000);
}
onload = reloadpic;
-->
</script>
Erklärung: Wir erzeugen für jeden Reload einen neuen URI, was verhindern sollte, dass der Browser einfach ein altes Bild aus seinem Cache nimmt. Hierzu codieren wir einfach die Zeit ein. Dieser Pseudoparameter darf natürlich nicht serverseitig irgendwelche Einflüsse haben.
oops, die Zeile
document.images["meinbild"].src = "meinbild.bmp&foo=" + now.getTime();
muss natürlich so lauten:
document.images["meinbild"].src = "meinbild.bmp?foo=" + now.getTime();
Kann mir nicht helfen aber irgend wie funzt das nicht.
Etwas genauer bitte, was funktioniert nicht?
Ich habe mal folgendes Testdokument erstellt, wenn ich das in meinen Browser lade sehe ich jede Sekunde im Apache-Logfile den Zugriff auf das Bild.
<html>
<head>
<title>test</title>
<script language="javascript">
<!--
function reloadpic()
{
now = new Date();
document.images["meinbild"].src = "meinbild.jpg?foo=" + now.getTime();
setTimeout("reloadpic();", 1000);
}
onload = reloadpic;
-->
</script>
</head>
<body>
<img src="meinbild.jpg" height="200" width="300" alt="" name="meinbild">
</body>
</html>
Aus dem Filesystem heraus funktioniert das aber natürlich nicht.
Ah, jetzt weiß ich woran es liegt ok es liegt daran das ich noch ein OnClick event habe, wenn das dabei ist lädt er das bild nicht. Ok, wie löss ich das problem jetzt ?