如何从静态标记wagtail 2.5中的变量提供webp

Question

我做了一个旋转木马订单。通过picture元素，每个实例都有一个image和char字段作为webp文件名。当我硬编码srcset而不是使用{{variable}时，webp映像的加载是完美的。你知道吗

问题是，这使管理后端从动态和离开我硬编码每个图片上的网站或只是我想在谷歌排名的网页。我读了一堆其他的帖子，但我还是卡住了。有没有办法从后端干净地提供webp文件名？你知道吗

我读过。你知道吗

load static file with variable name in django

django 1.5 - How to use variables inside static tag

这是最接近解决我的问题，但没有达到。你知道吗

https://snakeycode.wordpress.com/2015/02/20/variables-in-django-static-tags/

转盘医嘱内容字段

carousel_image = models.ForeignKey("wagtailimages.Image",       on_delete=models.SET_NULL,related_name="+",) 
webp = models.CharField(max_length=100, blank=True, null=True)

主模板传送带

{% for loop_cycle in self.carousel_images.all %}
{% image loop_cycle.carousel_image max-750x500 as img %}

<picture>
<source srcset="{% static '{{loop_cycle.webp}}'%}" type="image/webp" >
<img src="{% static '{{img.url}}'%}" alt="{{ img.alt }}">
</picture>

当我硬编码的时候，这是完美的，但是有一个带有下一代图像友好的订单的旋转木马又有什么意义呢？谢谢你看我疯了？你知道吗

<picture>
<source srcset="{% static '{{loop_cycle.webp}}'%}" type="image/webp" >
<img src="{% static '{{img.url}}'%}" alt="{{ img.alt }}">
</picture>

当我硬编码的时候，这是完美的，但是有一个带有下一代图像友好的订单的旋转木马又有什么意义呢？谢谢你看我疯了？你知道吗

Answer 1

好吧，我做了一些调整，发现这里是工作代码。你知道吗

<picture>
<source srcset="{% static 'webp/'|add:loop_cycle.webp|add:'.webp' %}" type="image/webp" >

<img src="{% static 'webp/'|add:loop_cycle.webp|add:'.webp' %}" alt="{{ img.alt }}">
</picture>

我很高兴！！！！你知道吗