Ich bin ziemlich mit Web-Technologie nicht vertraut.Aktualisieren Sie ein generiertes Bild
Eine Software, die eine Web-Server-Ausgabe ein dynamisches Bild auf dem lokalen Host bettet:
<img src="http://localhost:8000/" alt="http://localhost:8000/" class="transparent shrinkToFit" width="419" height="428">
Dieses Bild von der Software regelmäßig aktualisiert wird. Ich versuche, dieses Update im Webbrowser anzuzeigen. Es gibt mehrere verwandte Beiträge und ich habe zwei Lösungen ausprobiert, aber bisher ohne Glück.
Im Folgenden sind zwei Versuche von bestehenden Code inspiriert und beide fehlschlagen. Das Problem scheint mit einem Caching-Effekt zu tun zu haben, aber ich bin mir nicht sicher, wie ich das umgehen soll.
Vielen Dank im Voraus,
Trad
<html>
<head>
<title></title>
<meta content="">
<style></style>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="rsc/stylesheet.css" type="text/css" charset="utf-8" />
<!-- <script>
setInterval(function() {
var url = "http://localhost:8000";//document.getElementById("url").value;
var xhr = new XMLHttpRequest();
xhr.open("GET",url);
xhr.responseType = "blob";
xhr.onreadystatechange = function() {
if (xhr.readyState == xhr.DONE && xhr.status == 200) { // xhr.readyState == xhr.DONE &&
// Render the downloaded image
var myblob = xhr.response;
var image = document.getElementById("ImageMusic");
image.addEventListener("load", function (evt) {
URL.revokeObjectURL(evt.target.src);
});
image.src = URL.createObjectURL(myblob);
}
}
xhr.send(null);
}, 100);
</script>
-->
<script>
setInterval(function() {
var myImageElement = document.getElementById('ImageMusic');
myImageElement.src = 'http://localhost:8000?rand=' + Math.random();
}, 100);
</script>
<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<img id="ImageMusic" src="http://localhost:8000" />
</a-assets>
<a-image position="1 1 -4" width="4" height="4" src="#ImageMusic"></a-image>
</a-scene>
</body>
</html>
Hope Setting Image * src * kann es wieder zwingen, wie * Iframe * zu aktualisieren tut – Abhi