迁移的 Web 表单应用程序 .NET 2.0 -> 3.5、新基础设施——IE 6中图像不缓存

Question

我一直在迁移 .NET 2.0 Web 表单应用程序以使用 .NET 3.5 和新的基础设施。 UpdatePanel 内有一个 GridView，其中有一个“操作”列，其中包含用于对该行执行操作的图标。我在 IE 6 中遇到的一个问题是图像没有缓存。这在“操作”列上尤其明显，因为有 9 个图标 x 100 行 = 900 个图标要加载。 Internet Explorer 从 900 个图像开始倒计时，直到它们全部加载完毕。

这个问题似乎并不局限于 UpdatePanel 内的 GridView 内的图像，因为我可以看到每次页面刷新时都会重新加载标题图像。

我已经完成了我的研究：

• 有人有解决 Internet Explorer 上的“剩余 n 项”问题的想法吗？ - 这是一个不同的问题。
• 亲爱的 IE6：请缓存我的图像。 -我确实认为这可以解决所有问题，但事实并非如此。我尝试将图像设置为 div 内的背景图像，但没有成功。我还尝试将所有图标放入用户控件中，并在加载 GridView 之前将其包括在内。
• 我有一个旧的基础设施（不存在这个问题）来比较 IIS 配置，它们是完全相同的。
• 使用 Fiddler，我可以令人沮丧地看到每个被请求的图像。缓存标头是Cache-Control: private。刚刚注意到此缓存标头中的 Date: Tue, 29 Mar 2011 07:35:53 GMT （一小时前）。这有什么关系吗？
• 此缓存问题似乎是间歇性的。我将第一次加载页面，并且不会缓存任何图像，因此将独立加载约 1000 个图像。我可能会刷新页面并且图像将被缓存。如果我删除所有临时文件/脱机内容，则图像将再次独立加载。
• 起初，我认为这只发生在将应用程序部署到新基础设施时（跨林发出请求），但当所有图像都是本地时，它也会发生在我的本地计算机上。
• 这只是 IE 6 中的问题！！！

如果我可以提供其他信息，请告诉我。

更新 1

已尝试但未成功的解决方法：

• @Afshin Gh 提出的处理程序解决方案。 更新2答案中的代码确实有效。之前必须尝试过不同的版本。
• @Blue Steel 提出的隐藏图像解决方案。

更新2

其他一些解决方案可能在这里有效，但我使用了@Afshin Gh提供的代码。

Answer 1

使用此处理程序：

Public NotInheritable Class ImageHandler
    Implements IHttpHandler

    Private Const REQUEST_KEY As String = "pic"

    Public ReadOnly Property IsReusable() As Boolean Implements System.Web.IHttpHandler.IsReusable
        Get
            Return False
        End Get
    End Property

    Public Sub ProcessRequest(ByVal context As System.Web.HttpContext) Implements System.Web.IHttpHandler.ProcessRequest
        If Not String.IsNullOrEmpty(context.Request.QueryString(REQUEST_KEY)) Then
            Dim fileName As String = context.Request.QueryString(REQUEST_KEY)

            Try

                Dim fileInfo As New IO.FileInfo(context.Server.MapPath(fileName))

                If fileInfo.Exists Then
                    context.Response.Cache.SetCacheability(HttpCacheability.Public)
                    context.Response.Cache.SetExpires(Date.Now.AddYears(1))

                    Dim fileExt As String = fileInfo.Extension.Remove(0, 1).ToUpperInvariant

                    If fileExt = "JPG" Then
                        context.Response.ContentType = "image/jpeg"
                    Else
                        context.Response.ContentType = "image/" & fileExt
                    End If

                    context.Response.TransmitFile(fileInfo.FullName)

                End If

            Catch ex As Exception
            End Try

        End If
    End Sub

End Class

在 web.config 中注册它：

    <httpHandlers>
        <add verb="*" path="image.axd" type="MyApp.ImageHandler, MyApp" validate="false"/>
    </httpHandlers>

像这样使用它：

<img src="image.axd?pic=/App_Themes/Modern/Logo.jpg" />

Answer 2

fiddler 是否也显示其他浏览器的缓存控制：私有？如果是这样，它们也不会被缓存。您是否使用自定义控件来提供网格中的图像？如果是这样，您可能没有正确处理缓存标头（包括 304 响应等）。

Answer 3

我建议在标头上设置此缓存参数。

Response.Cache.AppendCacheExtension("post-check=900, pre-check=3600");

您可以在这里阅读更多信息 http://www.rdlt.com /cache-control-post-check-pre-check.html 或谷歌它。

检查一下并告诉我这是否可以解决您的问题。

Answer 4

您是否尝试过将 9 个图像添加到页面顶部（更新面板之外）但设置为隐藏？

<asp:Image ID="Image1" ImageUrl = "images/img1.jpg" runat="server" style = "visibility:hidden" />
<asp:Image ID="Image2" ImageUrl = "images/img2.jpg" runat="server" style = "visibility:hidden" />
<asp:Image ID="Image3" ImageUrl = "images/img3.jpg" runat="server" style = "visibility:hidden" />
...
<asp:Image ID="Image9" ImageUrl = "images/img9.jpg" runat="server" style = "visibility:hidden" />