Edited
我想在客户端缓存图像,并且知道在 mvc 3 中有不同的方法可以做到这一点:(如果我错了,请纠正我)
1)你可以使用OutputCacheAttribute
其工作原理是Expires
http 标头。但它会回来304 Not Modified
除非时间到期(即使图像已更改)。
2)为了避免显示陈旧的图像,您可以使用Last-Modified
http 标头(带有OutputCacheAttribute
)。在这种情况下,浏览器将请求发送到服务器If-Modified-Since
http 标头。在服务器上您验证该对象是否仍然有效,如果是您只需返回Last-Modified
http header(浏览器从本地缓存中获取图像);如果对象被修改,则返回它200 OK
status.
因此,浏览器每次从自己的缓存中获取图像之前都需要向服务器发送请求。这是例子 https://stackoverflow.com/questions/10498135/last-modified-header-in-mvc#13148439 -
3)还有另一种方法(正如我被告知在我的情况下是正确的方法,因为图像很少改变......无论如何,我需要实现这一点):将修改日期添加到图像url并设置缓存Expires
永恒(1年或更长)。如果图像已更改,您应该发送新版本的新网址。
这是代码:
public class LastModifiedCacheAttribute : ActionFilterAttribute
{
public override void OnActionExecuted(ActionExecutedContext filterContext)
{
if (filterContext.Result is FilePathResult)
{
var result = (FilePathResult)filterContext.Result;
var lastModify = File.GetLastWriteTime(result.FileName);
if (!HasModification(filterContext.RequestContext, lastModify))
filterContext.Result = NotModified(filterContext.RequestContext, lastModify);
SetLastModifiedDate(filterContext.RequestContext, lastModify);
}
base.OnActionExecuted(filterContext);
}
private static void SetLastModifiedDate(RequestContext requestContext, DateTime modificationDate)
{
requestContext.HttpContext.Response.Cache.SetLastModified(modificationDate);
}
private static bool HasModification(RequestContext context, DateTime modificationDate)
{
var headerValue = context.HttpContext.Request.Headers["If-Modified-Since"];
if (headerValue == null)
return true;
var modifiedSince = DateTime.Parse(headerValue).ToLocalTime();
return modifiedSince < modificationDate;
}
private static ActionResult NotModified(RequestContext response, DateTime lastModificationDate)
{
response.HttpContext.Response.Cache.SetLastModified(lastModificationDate);
return new HttpStatusCodeResult(304, "Page has not been modified");
}
}
我注册了LastModifiedCacheAttribute
在 Global.asax 中并将以下 OutputCacheAttribute 应用于我的操作方法。
[HttpGet, OutputCache(Duration = 3600, Location = OutputCacheLocation.Client, VaryByParam = "productId")]
public FilePathResult GetImage(int productId)
{ // some code }
如果我使用上面的代码,浏览器似乎不会向服务器发送请求,而是仅从缓存中获取图像,除非持续时间未结束。 (当我更改图像时,浏览器不显示新版本)
问题:
1)如何实现第三种方法,以便浏览器从客户端缓存中获取图像(并且不会每次需要图像时都将响应发送到服务器),除非图像被修改?
edited:实际的代码将不胜感激。
2)在上面的代码中,第一个图像请求的时间被写入Last-Modified(不知道为什么)。如何将文件的修改日期写入Last-Modified?
edited:这个问题涉及第二种方法。另外,如果我仅在客户端上缓存并使用Last-Modified
我得到的实现304 Not Modified
仅当我按下时状态F5
。如果我重新输入相同的网址,我会得到200 OK
。如果我在客户端上缓存而不使用Last-Modified
它总会回来200 OK
无论。这怎么解释呢?