HTML：元標記不刷新圖像

我使用下面的html5代碼來顯示圖像（1.JPG）的HTML頁面。它的工作正常。在提供的相同路徑中，圖像將以一定的間隔隨機被另一個更新的圖像覆蓋。因此，我使用元標記刷新頁面，以便每當更新的圖像被覆蓋在路徑中時，頁面將自動刷新更新後的圖像。但是，它看起來每隔5秒就刷新一次頁面，但它不顯示在同一路徑上覆蓋的較新圖像，它總是以我保存的初始圖像顯示。有人可以幫我解決這個問題嗎？HTML：元標記不刷新圖像

<!DOCTYPE HTML> 
<html> 
    <head> 
    <style> 
     body { 
     margin: 0px; 
     padding: 0px; 
     } 
    </style> 
    <meta http-equiv="refresh" content="5"> 
    </head> 
    <body> 
    <canvas id="myCanvas" width="578" height="100"></canvas> 
    <script> 
     var canvas = document.getElementById('myCanvas'); 
     var context = canvas.getContext('2d'); 

     context.font = 'italic 30pt Calibri'; 
     context.fillText('Screen sharing', 10, 50); 
    </script> 
    <p><img src = "file:////Users/Martin/Downloads/1.JPG" /> </p> 
    </body> 
</html>

來源

2014-01-12 Stella

爲什麼不能用JavaScript刷新圖像。它可能更容易。 –

試試這個'' – Ashish

Hi Talha，你可以給JS提供樣本嗎？ – Stella

Meta標記刷新網址，請嘗試

<meta http-equiv="refresh" content="5; ,URL=http://domain.com">

，或者你可以從JavaScript

<script type="text/javascript"> 
    setInterval(function(){ 
     window.location.reload(); 
    },5000); 
</script>

做到這一點，請使用服務器的URL加載圖像，而不是文件的URL

<p><img src = "file:////Users/Martin/Downloads/1.JPG" /> </p>

更改爲

<p><img src = "http://domain.com/Downloads/1.JPG" /> </p>

來源

2014-01-12 06:17:10 Girish

我還沒有註冊任何服務器的這個網頁。我只是從系統路徑進行測試。這是我的html頁面路徑，file：///Users/Martin/Desktop/Prabakar/WHH/Co-browsing/ScreenSharing.html – Stella

爲什麼你使用abosolute路徑？使用相對路徑 – Ashish

@ User817729好，請嘗試JavaScript代碼回答 – Girish

HTML：元標記不刷新圖像

回答

相關問題