It seems that you are encountering an issue with the image not refreshing in the HTML component of "App Designer" in MATLAB.
To address this issue, you can use a workaround by creating a webpage with the code below. This code will update the content of the HTML page using JavaScript and pass the image from MATLAB to the HTML page.
Attaching the current timestamp as a query parameter to the image's "src" attribute, it will force the JavaScript to load the image again.
HTML page:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function setup(htmlComponent) {
htmlComponent.addEventListener("DataChanged", function(event) {
document.getElementById("dataDisplay").innerHTML = htmlComponent.Data;
});
}
</script>
</head>
<body>
<div id ="dataDisplay">
<img src="./test5.jpg">
</div>
</body>
</html>
MATLAB Code:
app.TabGroup.SelectedTab=app.Tab;
pause(1)
s = screencapture(app.pnlAnswer);
imwrite(s,fname5);
link = "<img src='test5.jpg?m="+num2str(now)+"'>"
app.HTML.Data = link;
Changing Startup function to load HTML page
app.HTML.HTMLSource = fullfile(pwd,'datachange.html'); % load HTML page in you HTML Component
To gain a more detailed understanding of the topic, I recommend referring to the following documentation: https://www.mathworks.com/help/matlab/ref/uihtml.html
I hope this information proves helpful in resolving your concern.
