Cached pictures in iFrame

BKeyport

Here’s the situation. I’m using MMM-iFrame currently (Tried others, same result) to display a PHP generated image. The data behind the image is refreshed approximately every 3-4 hours.

The two urls I’m using is http://www.hamqsl.com/solarpich.php & http://www.hamqsl.com/solarsystem.php.

for whatever reason, the images generated within electron on my pi are from the 25th of Feb, which is the first time I used the modules. On other systems, the current image is used which is 28 Feb 2021, 2248GMT.

Is there any way to turn off the caching, or do whatever I need to do to get a fresh image every time?

Mykle1

@bkeyport

@bkeyport said in Cached pictures in iFrame:

Is there any way to turn off the caching, or do whatever I need to do to get a fresh image every time?

Sounds like a similar issue I had a while back. Perhaps this is the same issue. The DOM has to change in order for it to refresh. Sean and Strawberry taught me this. The solution is simple.

Set up a time stamp var and add it to the end of your img source.

var getTimeStamp = new Date().getTime();
img.src = "http://api.usno.navy.mil/imagery/earth.png?view=rise&seed=" + getTimeStamp;

If yours is the same issue then this will work.

Hope it helps.

Peace!

BKeyport

@mykle1 The problem is that it’s not my images. The images are provided by a 3rd party. Any changes would have to be on the MM.

sdetweil

@bkeyport the server side doesn’t know you sent this extra parm but it makes the url unique, so fetch thinks it has to get it

BKeyport

@sdetweil Oh, so I’d be modifying the code to mmm-iframe to add the timestamp?

sdetweil

@bkeyport the url into the iframe, where ever the things is would want to change

url http://someserver/somepath/somefile.img
over and over the browser say,s OH thats the same, no need to load it, got a copy

url http://someserver/somepath/somefile.img?time=1
url http://someserver/somepath/somefile.img?time=2
url http://someserver/somepath/somefile.img?time=3
url http://someserver/somepath/somefile.img?time=4

they are all different, so the browser reloads… the web server gets the extra parm, but doesn’t use it.

Mykle1

@sdetweil

I thought I said that. :-)

Mykle1

@bkeyport said in Cached pictures in iFrame:

Oh, so I’d be modifying the code to mmm-iframe to add the timestamp?

I gave you an example bro. :-/

BKeyport

@mykle1 I’m trying to understand how to use the example, bro. 😉

Not so good with partial code.

BKeyport

Got it working guys, thanks for your help, I’ve created a merge request with Mr. Wong as well.

If anyone else runs across the thread, and it’s still not merged, my code mods are:

https://github.com/BKeyport/MMM-iFrame