javascript - 图片不会自动刷新

Question

我正在使用 AngularJS 来构建我的网站。

当我在任何页面中编辑图像时，图像会一直缓存，直到我刷新页面。我尝试在后端的 URL 末尾添加一个“？randomNumber” ，但是当我使用 Firebug 在前端检查它的值时，它保持不变。那么有什么方法可以在更新后直接更改显示的图像吗？

这是我的代码：

后端：

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>

score 0 · Accepted Answer

如何设置响应标头以使内容不被浏览器缓存？

标头应如下所示：

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

关于如何实现这一点已经有了很好的解释。

1 回答 1