Javascript function 未在我的 Flask 應用程序上運行

Question

<!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>

Flask 服務器在http://0.0.0.0:5000/上運行，在每個 HTTP load { POST 新圖像加載到 src{}} 之后。 我希望網站使用 function 刷新自行刷新，但它不起作用。 有誰知道為什么？

Answer 1

腳本運行時圖像已加載

圖像也沒有loadStart

使用 window 負載代替

並讓用戶有機會欣賞圖像

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>

您也可以只加載圖像

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>

Javascript function 未在我的 Flask 應用程序上運行

問題描述

1 個解決方案

解決方案1
0 2022-01-29 13:45:32

Javascript function 未在我的 Flask 應用程序上運行

問題描述

1 個解決方案

解決方案1 0 2022-01-29 13:45:32

解決方案1
0 2022-01-29 13:45:32