javascript - 使用相同的网址刷新一张新图片

我正在访问网站上的链接，每次访问该链接时都会提供一个新图像。

我遇到的问题是，如果我尝试在后台加载图像，然后更新页面上的图像，则图像不会改变-尽管在重新加载页面时会更新图像。

var newImage = new Image();
newImage.src = "http://localhost/image.jpg";

function updateImage()
{
if(newImage.complete) {
    document.getElementById("theText").src = newImage.src;
    newImage = new Image();
    number++;
    newImage.src = "http://localhost/image/id/image.jpg?time=" + new Date();
}

    setTimeout(updateImage, 1000);
}

FireFox看到的标题:

HTTP/1.x 200 OK
Cache-Control: no-cache, must-revalidate
Pragma: no-cache
Transfer-Encoding: chunked
Content-Type: image/jpeg
Expires: Fri, 30 Oct 1998 14:19:41 GMT
Server: Microsoft-HTTPAPI/1.0
Date: Thu, 02 Jul 2009 23:06:04 GMT

我需要强制刷新页面上的该图像。有任何想法吗？

最佳答案

尝试在网址末尾添加一个cachebreaker:

newImage.src = "http://localhost/image.jpg?" + new Date().getTime();

创建图像时，这将自动附加当前时间戳，这将使浏览器再次查找该图像，而不是在缓存中检索该图像。