HTML/JavaScript: Wie Grafik neu laden?

[v2afrank]

Funktioniert denn nicht so etwas ?
<img class="myImg" >
<src>
window.settimeout(function(){document.getElementBy Id('batteryID').src ="/IMG"; },1000);
</src>

[SebastianZ]

Zitat von Der schöne Günther:

...

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"?

Der Browser-Cache ist auch im Jahr 2022 ein Ding, mit dem man umgehen muss
Es gibt afaik grundsätzlich 2 Wege um das zu lösen:

1. Du deaktivierst den Browser-Cache (https://cristian.sulea.net/blog/disa...eta-html-tags/) und lädst die komplette Seite wieder neu.
2 (der hübschere Weg, da du nicht ständig alles laden musst): Du änderst via Javascript die SRC im Bild. Wenn das Bild die gleiche URL hat, muss du es über einen "Parameter" dazu bringen es wie neu aussehen zu lassen. Ansonsten würde sich für den Browser nichts ändern und er würde das Bild nicht neu laden. Am einfachsten finde ich persönlich, wenn man am Ende einfach Datum/Uhrzeit anfügt, dann muss man sich nicht ums hochzählen kümmern. (Ein Beispiel von vielen: https://instructobit.com/tutorial/11...ing-Javascript)