Possible to load without caching?

[2000Nic]

When using different images with the same name our browsers cache the image meaning the user has to update the page without cache to see their actual image. Is there a way to prevent this? Could there be a parameter to change in ui.run()?

[falkoschindler]

Sure, you can do that. One common approach is to add some dummy argument to the image source:

image = ui.image('https://picsum.photos/200/300.jpg').classes('w-40')
ui.button('Update').on('click', lambda: image.set_source(f'https://picsum.photos/200/300.jpg?t={time.time()}'))

See https://stackoverflow.com/a/729623/3419103 for a more detailed explanation.

[rodja]

We also do this in the opencv webcam demo:

nicegui/examples/opencv_webcam/main.py

Lines 46 to 49 in 997a404

	# A timer constantly updates the source of the image.
	# Because data from same paths are cached by the browser,
	# we must force an update by adding the current timestamp to the source.
	ui.timer(interval=0.1, callback=lambda: video_image.set_source(f'/video/frame?{time.time()}'))

[eddie3ruff]

is there a way to do this timestamp trick to base64 images? My browser is still caching those to memory for my interactive images.