Заголовки HTTP-кэша

Question

У меня есть некоторый код JavaScript, который динамически загружает изображения на веб-странице:

imageSrc = pid.toString() + '/' + imageName + '/' + num.toString();
//imageSrc = pid.toString() + '/' + imageName; 

Первая строка работает нормально, но использование второй строки приводит к тому, что изображения не меняются после загрузки.Я использовал firebug для захвата заголовков с сервера:

Content-Length  43
Allow   GET, HEAD
Expires Sun, 28 Jan 2007 00:00:00 GMT
Server  CherryPy/3.1.2
Pragma  no-cache
Cache-Control   no-cache, must-revalidate
Date    Sun, 13 Feb 2011 21:12:31 GMT
Content-Type    image/x-png

И я также добавил строку <meta http-equiv="Cache-control" content="no-cache"> в заголовок веб-страницы.

Проблема возникает в Firefox, IE и Chrome, поэтому я думаю, что это должна быть фундаментальная проблема, а не проблема браузера.Любая помощь будет оценена.

Answer 1

Типичный способ победить кеш - добавить строку поиска (обратите внимание на знак вопроса после PNG):

img.src = path +"/"+ name + ".png?" + (new Date().getTime());

Кстати, вам не нужно делать .toString (), потому чтоакт сложения переменных делает их строкой:

"a" + 1 + 1; // "a11"