来自 HttpHandler 的图像不会在浏览器中缓存

Question

我正在使用 IHttpHandler 从数据库提供图像。 相关代码在这里：

public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "image/jpeg";
    int imageID;
    if (int.TryParse(context.Request.QueryString["id"], out imageID))
    {
        var photo = new CoasterPhoto(imageID);
        if (photo.CoasterPhotoID == 0)
            context.Response.StatusCode = 404;
        else
        {
            byte[] imageData = GetImageData(photo);
            context.Response.OutputStream.Write(imageData, 0, imageData.Length);
            context.Response.Cache.SetCacheability(HttpCacheability.Public);
            context.Response.Cache.SetExpires(DateTime.Now.AddMinutes(5));
            context.Response.Cache.SetLastModified(photo.SubmitDate);
        }
    }
    else
        context.Response.StatusCode = 404;
}

问题是浏览器不会缓存图像，大概是因为我没有在响应标头中指示正确的内容。 我认为调用 HttpCachePolicy 属性上的方法的部分会强制浏览器保留图像，但事实并非如此。 我认为“正确”的做法是让处理程序返回没有图像的 304 状态代码，对吧？ 如何使用 IHttpHandler 实现这一点？

编辑：

根据最佳答案，我运行了这段代码，它完全解决了问题。 是的，它需要一些重构，但它通常展示了我想要的东西。 相关部分：

if (!String.IsNullOrEmpty(context.Request.Headers["If-Modified-Since"]))
{
    CultureInfo provider = CultureInfo.InvariantCulture;
    var lastMod = DateTime.ParseExact(context.Request.Headers["If-Modified-Since"], "r", provider).ToLocalTime();
    if (lastMod == photo.SubmitDate)
    {
        context.Response.StatusCode = 304;
        context.Response.StatusDescription = "Not Modified";
        return;
    }
}
byte[] imageData = GetImageData(photo);
context.Response.OutputStream.Write(imageData, 0, imageData.Length);
context.Response.Cache.SetCacheability(HttpCacheability.Public);
context.Response.Cache.SetLastModified(photo.SubmitDate);

Answer 1

AFAIK，您负责发送 304 Not Modified，这意味着我不知道 .Net 框架中是否有任何内容可以在您发送“动态”图像数据的用例中为您执行此操作。 您需要做什么（以伪代码）：

• 检查请求中的 If-Modified-Since 标头并解析出日期（如果存在）。
• 将其与原始图像（动态生成的）图像的最后修改日期进行比较。 跟踪这可能是该问题解决方案中最复杂的部分。 在您目前的情况下，您正在根据每个请求重新创建图像； 除非绝对必要，否则您不想想要这样做。
• 如果浏览器拥有的文件日期更新或等于图像的日期，请发送 304 Not Modified。
• 否则，继续当前的实现

跟踪最后修改时间的一个简单方法是在文件系统上缓存新生成的图像，并在内存中保留一个字典，将图像 ID 映射到包含磁盘上文件名的结构以及最后修改日期。 使用 Response.WriteFile 从磁盘发送数据。 当然，每次重新启动工作进程时，字典都会是空的，但您至少可以获得一些缓存好处，而不必在某处处理持久缓存信息。

您可以通过将“图像生成”和“通过 HTTP 发送图像”的关注点分成不同的类来支持这种方法。 现在你正在同一个地方做两件截然不同的事情。

我知道这听起来可能有点复杂，但这是值得的。 我最近刚刚实施了这种方法，处理时间和带宽使用量的节省令人难以置信。

Answer 2

如果磁盘上有源文件，则可以使用以下代码：

context.Response.AddFileDependency(pathImageSource);
context.Response.Cache.SetETagFromFileDependencies();
context.Response.Cache.SetLastModifiedFromFileDependencies();
context.Response.Cache.SetCacheability(HttpCacheability.Public);

此外，请确保使用 IIS 进行测试，而不是从 Visual Studio 进行测试。 ASP.NET 开发服务器（又名 Cassini）始终将 Cache-Control 设置为私有。

另请参阅：面向 Web 作者和网站管理员的缓存教程

Answer 3

这就是 Roadkill 的（.NET wiki）文件处理程序：

FileInfo info = new FileInfo(fullPath);
TimeSpan expires = TimeSpan.FromDays(28);
context.Response.Cache.SetLastModifiedFromFileDependencies();
context.Response.Cache.SetETagFromFileDependencies();
context.Response.Cache.SetCacheability(HttpCacheability.Public);

int status = 200;
if (context.Request.Headers["If-Modified-Since"] != null)
{
    status = 304;
    DateTime modifiedSinceDate = DateTime.UtcNow;
    if (DateTime.TryParse(context.Request.Headers["If-Modified-Since"], out modifiedSinceDate))
    {
        modifiedSinceDate = modifiedSinceDate.ToUniversalTime();
        DateTime fileDate = info.LastWriteTimeUtc;
        DateTime lastWriteTime = new DateTime(fileDate.Year, fileDate.Month, fileDate.Day, fileDate.Hour, fileDate.Minute, fileDate.Second, 0, DateTimeKind.Utc);
        if (lastWriteTime != modifiedSinceDate)
            status = 200;
    }
}

context.Response.StatusCode = status;

Thomas 关于 IIS 不提供状态代码的回答是关键，没有它，您每次都会返回 200 秒。

浏览器只会向您发送它认为文件上次修改的日期和时间（根本没有标头），因此如果不同，您只需返回 200。您确实需要标准化文件的日期以删除毫秒并确保这是 UTC 日期。

如果有有效的修改，我会默认为 304s，但如果需要的话可以进行调整。

Answer 4

您是否有任何响应缓冲发生？ 如果是这样，您可能需要在写入输出流之前设置标头。 即尝试将 Response.OutputStream.Write() 行向下移动到缓存设置行下方。