使用Java腳本和/或jquery更新圖像

我無法嘗試刷新攝像頭圖像。第一張圖片加載正常，下面的圖片沒有加載。但是，在瀏覽器中刷新時，圖像會刷新，所以它應該只是java腳本的問題。在發佈我的問題之前，我嘗試了幾個腳本。我可以使這個腳本適用於其他靜態圖像，這導致我相信提供圖像的服務器以某種方式拒絕圖像刷新。最新的腳本是...使用Java腳本和/或jquery更新圖像

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<body> 
<script type="text/javascript"> 
<!-- 
var refreshrate=1;     //SECONDS BETWEEN REFRESH 
var image="http://71.33.210.85/cam0.jpg";  //IMAGE NAME 
var imgheight=240;     //IMAGE HEIGHT 
var imgwidth=320;     //IMAGE WIDTH 
function refresh(){ 
document.images["pic"].src=image+"?"+new Date(); 
setTimeout('refresh()', refreshrate*1000);} 
document.write('<IMG SRC="'+image+'" ALT="Alternate Text" NAME="pic" ID="pic"  WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 1px solid Black;">'); 
if(document.images)window.onload=refresh; 
// --> 
</script> 
</body> 
</html>

來源

2013-10-08 user2860270

我會不惜一切代價避免傳遞一個字符串setTimeout –

看看http://stackoverflow.com/questions/165253/javascript-how-to-force-image-not-to-use-the-browser-cache – RafH

也document.write頁面完成後執行ed加載將覆蓋頁面，或寫一個新的頁面，或不工作 - 不確定是否要每次覆蓋它或添加一個新的圖像 –

也許這就是在URL後面粘貼的日期格式也不是什麼代碼期待服務器端。（雖然你可能預期上）

document.images["pic"].src=image+"?"+new Date();

運行此控制檯給我

"http://71.33.210.85/cam0.jpgTue Oct 08 2013 23:17:01 GMT+0200 (Romance (zomertijd))"

來源

2013-10-08 21:21:00 Gnagy

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).on('ready', init); 
     function init(){ 
      var i = 0; 
      imageSrc = 'http://somedomain/project/'; 
      $('#imageDiv').append('<img src="'+imageSrc+i+'.png" alt="some text">'); 
      setTimeout(function(){ 
       i++; 
       $(document).find('#imageDiv img').attr('src', imageSrc+i+'.png'); 

      }, 3000); 
     } 
    </script> 
</head> 
<body>`enter code here` 
<div id="imageDiv"> 

</div> 
</body> 
</html>

你可以試試這個腳本，

來源

2013-10-08 22:17:14 sunnycr4

感謝您的快速響應...我嘗試了RafH的解決方案的建議，但此刷新相同的圖像。當我嘗試Sunnycr4的建議時，第一張圖片從不加載。如果您在http://71.33.210.85/cam0.jpg查看此圖像，則可以通過刷新瀏覽器來刷新此圖像，但是每次嘗試更新圖像而不刷新頁面的腳本都沒有完成。緩存？不知道什麼阻止它被更新。 – user2860270

我也注意到，當檢查鉻中的元素時，加載第一個圖像，然後後續的圖像作爲GET「錯誤400錯誤的請求文本/平原」第一個圖像加載GET「200 OK image/jpeg」 – user2860270

使用Java腳本和/或jquery更新圖像

回答

相關問題