我正在访问网站上的链接,每次访问该链接时都会提供一个新图像。
我遇到的问题是,如果我尝试在后台加载图像,然后更新页面上的图像,则图像不会更改-尽管在重新加载页面时会更新图像。
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
我需要强制刷新页面上的该图像。有任何想法吗?
我最终要做的是让服务器将对该目录下的任何图像请求映射到我尝试更新的源。然后,我让计时器在名称末尾附加一个数字,以便DOM将其视为新图像并加载它。
例如
http://localhost/image.jpg //and http://localhost/image01.jpg
将要求使用相同的图像生成代码,但对于浏览器来说看起来像是不同的图像。
var newImage = new Image(); newImage.src = "http://localhost/image.jpg"; var count = 0; function updateImage() { if(newImage.complete) { document.getElementById("theText").src = newImage.src; newImage = new Image(); newImage.src = "http://localhost/image/id/image" + count++ + ".jpg"; } setTimeout(updateImage, 1000); }