[JS]Bilder aktualisieren ohne Speicherproblem

[rollstuhlfahrer]

HI @all,

ich möchte in einer Webseite ein Bild immer wieder neu laden. Eine Voraussetzung ist, dass die Webseite möglichst lange angezeigt werden kann (also wenn der Browser 100% vom RAM belegt hat ist Ende). Dazu benutze ich ein JS-Snippet, welches im Internet relativ häufig als Vorschlag gefunden werden kann. Bei mir sieht das dann so aus:

Code:

  source = document.getElementByID("meinBild").src;
  limiter = source.indexOf("?");

  if (limiter != -1) {
    source = source.substr(0, limiter);
  }

  source = source + "?" + (new Date()).getTime();

  document.getElementByID("meinBild").src = source;

Was der Schnipsel macht, dürfte klar sein. Altes Bild auslesen, Zeitstempel aktualisieren und als neues Bild ausgeben. Nun soll das Bild alle 1 Sekunde aktualisiert werden. Das ist ein Problem, denn das alte Bild bleibt weiterhin im Speicher und das neue kommt gleich noch mit dazu.

Um das zu verhindern hatte ich mein Bild (zur Zeit generiert von PHP) mit ein paar zusätzlichen Headern bestückt:

PHP-Quellcode:

  header("Content-Type: image/jpeg");
  header("Cache-Control: no-store, no-cache, must-revalidate");
  header("Cache-Control: post-check=0, pre-check=0", false);

Nur leider hilft das nicht weiter. Die Bilder werden immer noch vom Browser mitgecacht und belegen weiterhin Speicher. Dieses Phänomen tritt nicht nur bei Firefox auf, sondern auf bei Google Chrome. Somit muss es am Javascript liegen.

Wie bekomme ich jetzt das alte Bild aus dem Speicher?

Bernhard