Изображения не обновляются автоматически

Question

Я использую AngularJS для создания Моего сайта.

Когда я редактирую изображение на любой странице, изображение остается в кэше, пока я не обновлю страницу. Я попытался добавить "? RandomNumber" в конец URL-адреса в бэкэнде, но когда я проверяю его значение во внешнем интерфейсе с помощью Firebug, оно остается прежним. Так есть ли способ изменить отображаемое изображение непосредственно после его обновления?

Вот мой код:

Backend:

for(int i=0;i<X.Count;i++)
{
   X[i].img = X[i].img+ "?"+ rnd.Next(0,1000);
}

Внешний интерфейс:

Javascript:

         angular.forEach(result, function (SData) {
            $scope.X.push(SData);
        });

HTML:

            <img ng-src="{{X.img}}" /></div>

Answer 1

Как насчет настройки заголовков ответа, чтобы браузер не кэшировал содержимое?

Заголовок должен выглядеть примерно так:

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0

Уже есть отличное объяснение того, как этого добиться.