Question

以下是我托管图片的代码。最初，这些图像很大。图像现在为100x100像素。当我打开页面时，图像与之前的大小相同。即使文件的属性说每个文件都是100x100。

图像是否保存在某处而未被覆盖？我用新文件覆盖了文件路径中的旧图像。

.linkButtonsDiv { width: 25%;float: left;}

<div class="linkButtonsDiv">
    <asp:ImageButton ID="btnTwitter" ImageUrl="~/Images/twitterLogo.png" runat="server" onclick="btnTwitter_Click" />
</div>
<div class="linkButtonsDiv">
    <asp:ImageButton ID="btnWordPress" ImageUrl="~/Images/wordpressLogo.jpg" runat="server" onclick="btnWordPress_Click" />
</div>
<div class="linkButtonsDiv">
    <asp:ImageButton ID="btnTig" ImageUrl="~/Images/tigSourceLogo.png" runat="server" onclick="btnTig_Click" />
</div>
<div class="linkButtonsDiv">
    <asp:ImageButton ID="btnStack" ImageUrl="~/Images/stackExchangeLogo.jpg" runat="server" onclick="btnStack_Click" />
</div>

Answer 1

图像很可能仍在浏览器中缓存。

进行硬刷新 - Ctrl + F5 强制从服务器下载。

Answer 2

要强制缓存更新以及何时（强制，取决于浏览器）重新加载不起作用，您可以使用链接进行简单的操作：

如果你的链接是f.ex：

http://localhost:1234/Default.aspx

执行此操作以重新加载缓存：

http://localhost:1234/Default.aspx?a

每次更改字母。如果您已经在使用某些参数，请将其添加到最后：

http://localhost:1234/Default.aspx?some=arg&a

如果你有一个链接的CSS，请改为使用它。

<link href="some.css?x" rel="stylesheet" type="text/css" />

后一种方法总是一种很好的做法，不是一个字母，而是一个版本号：

<link href="some.css?v=101" rel="stylesheet" type="text/css" />

这样，即使将远期设置为过期，您也可以强制执行缓存更新。

图像没有调整大小

2 个答案: