python - Wagtail:动态图像生成和缓存

Question

我使用 Generating dynamic image URLs in Python 中所示的技术，通过 Wagtail 外部的 API 端点在页面上加载大量缩略图。 。乍一看似乎可行，但通过 Webkit Inspector 仔细检查后发现，所有缩略图似乎都是在每次页面加载时生成的，而不是从缓存中提供的。

文档说“再现是在第一次调用时生成的，后续调用从缓存中提供服务。”

但在 Inspector 中，我看到每个缩略图都会生成 200，而不是 304，并且仅当我在“网络”选项卡中选择“全部”(而不是图像)时，它们才会显示。检查器显示调用的类型为“文档”(不是图像)。

我正在使用的代码:

image = s.main_image()
filter_spec = 'fill-300x186|jpegquality-60'
signature = generate_signature(image.id, filter_spec)
url = reverse('wagtailimages_serve', args=(signature, image.id, filter_spec))
url += image.file.name[len('original_images/'):]
shop['img_url'] = url

示例图像 URL 为:

/images/OGJXq3f3oz0AAzD9vFo-HE24Sz8=/414/fill-300x186%7Cjpegquality-60/ceram_marhc_2920120329_0247_1_Sia8Kgl.jpg

想法？

更新:虽然接受的答案有效，但事实证明我们过于复杂化了。更好的方法是不使用自定义签名和 url 生成例程。相反，只需使用 Wagtail 的 get_rendition() 方法:

image = s.main_image()
shop['img_url'] = image.get_rendition('fill-300x186|jpegquality-60').url

并且根本不使用 URL 装饰器。图像在第一次访问时生成并存储，并在后续访问时返回 304。

Answer 1

浏览器不会自动缓存使用 Wagtail 的 generate_signature 函数生成的图像 URL。这是因为默认情况下，对这些 URL 的请求的请求 header 中没有 cache-control 设置。

但是有一个解决方法(未记录， reference )。要在使用 generate_signature 创建的图像 URL 的请求 header 中实现缓存控制参数，您需要使用缓存控制 max-age 来修饰图像 URL，如下所示:

from django.views.decorators.cache import cache_control
...
from wagtail.wagtailimages import urls as wagtailimages_urls
from wagtail.utils.urlpatterns import decorate_urlpatterns

# attach cache-control parameter to your /images/* URL
urlpatterns += decorate_urlpatterns(
    [url(r'^images/', include(wagtailimages_urls))],
    cache_control(max_age=1209600)
)

所有对 /images 处的任何图像 URL 的请求现在都将在响应 header 中包含 cache-control: max-age=120900 参数，并将由浏览器。