重新加载图片不会刷新

Question

function updateimage(){
    $("#fileimg").attr("src","path/to/image.jpg");
    $('#fileimg').fadeIn('slow');
    setTimeout(updateimage, 5000);
}

嘿，

我想每5秒重新加载一张图片，但这不起作用，它保持不变，但是当您F5页面时，它确实会刷新。 正常情况下，我如何每5秒刷新一次图像？

Answer 1

它已缓存，因此不需要重新加载。 如果要强制重新加载，则需要使浏览器认为它是不同的文件：

function updateimage(){ 
    $("#fileimg").attr("src","path/to/image.jpg?" + new Date());  
    $('#fileimg').fadeIn('slow');  
    setTimeout(updateimage, 5000); 
}

Answer 2

有没有尊重http缓存的解决方案？ 如果映像有时只是更改，那么最好不要强制每个客户端进行完全重新加载。

例如，我有一个摄像头图片，每5秒更新一次。 即使每个客户端每隔5秒重新加载一次？dateMillis，中间缓存仍将无法正确地在客户端之间重用数据。 允许标准的缓存超时（甚至是etag检查）可以节省大量资源。