Ich habe einen simplen
Indy-Http-Server der ein paar Status & Sensor-Werte anzeigt.
Ich habe jetzt eine Grafik hinzugefügt: Der Http-Server liefert das
HTML wenn man ihn mit
GET / aufruft und ein dynamisch generiertes PNG-Bild wenn er per http mit
GET /IMG angesprochen wird. Auf meiner
HTML-Seite packe ich nun ein
<img src="/IMG" /> und sehe im Browser die Grafik. Tolle Sache
Jetzt möchte ich den Benutzer nicht ständig F5 drücken lassen, sondern per JavaScript das Bild im Sekundentakt aktualisieren. Einen JavaScript-Timer bekomme ich hin, auch z.B. reine Textbausteine zu aktualisieren ist kein Problem.
Ich tue mich schwer mit dem
<img>: Überall liest man, man solle die
URL verändern in z.B.
http://host/img.png?12345, die Zahl hinten immer weiter hochzählen und so den Browser-Cache "austricksen".
Das kann doch im Jahr 2022 keine erst gemeinte Lösung sein. Vor allem nicht, da ich hier ja auch den Server kontrolliere und in meinem
Indy-Server auch Cache und alles einstellen kann.
Wie macht man es "richtig"?