<!DOCTYPE html> <html> <head> </head> <body> <div id="load" class="load"> <h3 >{{load}}</h3> <img src="{{ load }}" id="image" style="height:500px;width:500px;" /> </div> <script type="text/javascript"> document.getElementById("image").addEventListener("loadstart", refresh); function refresh() { window.location.reload(); } </script> </body> </html>El servidor Flask se ejecuta en http://0.0.0.0:5000/ , después de que cada nueva imagen HTTP POST se cargue en src="{{ load }}". Me gustaría que el sitio web se actualice solo con la función de actualización, pero no funciona. ¿Alguien tiene idea de por qué?
La imagen ya está cargada cuando se ejecuta su script
Además, las imágenes no tienen un inicio de carga
Utilice la carga de la ventana en su lugar
y dar al usuario la oportunidad de disfrutar de la imagen
window.addEventListener("load", function() { setTimeout(function() { window.location.reload(1); },3000) }) <div id="load" class="load"> <h3>{{load}}</h3> <img src="{{ load }}" id="image" style="height:500px;width:500px;" /> </div>También puedes simplemente cargar la imagen.
window.addEventListener("load", function() { setTimeout(function() { document.getElementById('image').src = '{{ load }}'; // you may want to add something random to not cache },3000) }) <div id="load" class="load"> <h3>{{load}}</h3> <img src="{{ load }}" id="image" style="height:500px;width:500px;" /> </div>