Hi everyone,
Using a Custom HTML web component to display an image from a specific directory, like this:
<div style="position:absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content:center">
<img src="https://exampleurl/directory/{COMPONENT."Some Panel"."Table 12"."Selected rows".Tables."Column Name"}.jpg"
style="height: 100%; width: 100%; object-fit: contain" />
</div>
If I replace the image file in the directory with a new one but keep the same filename, when will the image refresh in the component?
Do I need to manually clear some sort of cache, or is there a way to force the component to load the updated image?
Thanks in advance!
Hi Rafael,
The best ways I can think of, to achieve refreshed image is to save new images by new names, for example imageName_currentTimestamp.extension is a very common way of achieving this.
The other possibility I can propose is using base64 encoded image string as the html image source. I was already doing so by applying the custom operator to the provided image url, that was however created for the different use case, but seems like it could help you as well, and the difference could be that you would only need an ad hoc data source that would provide your component a desired string.