Odśwież obraz za pomocą nowego w tym samym adresie URL
Uzyskuję dostęp do linku w mojej witrynie, który zapewni nowy obraz za każdym razem, gdy będzie dostępny.
Problem, z którym się spotykam, polega na tym, że jeśli próbuję załadować obraz w tle, a następnie zaktualizować obraz na stronie, obraz się nie zmienia - mimo że jest aktualizowany po ponownym załadowaniu strony.
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);
}
Nagłówki, jak je widzi 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
Muszę wymusić odświeżenie tylko tego obrazu na stronie. Jakieś pomysły?