How to show an updated image avoiding the browser cache

I have an image which is dynamic and I’ve used the image manipulation features in Wappler to allow the person to rotate that image. It’s working perfectly but the result isn’t shown unless you clear the browser cache.

So, I’ve added +'?'+varNow.datetime to the src and created the Date and Time component and set it to update every second.

This works perfectly but it also means the image is being pulled from the server every second!

I only want to add something after the ? which I know is new and only once but I’m struggling with how to achieve this.

If I change the component to be every minute or longer, I’m back to having the cached version being displayed.

I’ve tried using the javascript Date.now() in the src but that’s not adding anything.

Community Page
Last updated: