时间戳

首页 > 解决方案 > 如何将用户个人资料头像图像渲染到 wagtail 模板中？

django-templates - 如何将用户个人资料头像图像渲染到 wagtail 模板中？

问题描述

我正在使用 Wagtail CMS 创建一个博客站点。每当发布新帖子时，我想显示作者头像图像。我正在尝试从该/admin/account/change_avatar/位置渲染图像。我可以看到这里上传的图片在wagtailusers_userprofile -> col name: avatar表格下面，但不知道如何在模板中渲染它。

标签： django-templateswagtail

解决方案

此图像不是典型的 Wagtail 图像（来自wagtailimages.Image），它看起来像常规的models.ImageField.

这是头像的 UserProfile 模型中的内容：

class UserProfile(models.Model):

    user = models.OneToOneField(
        settings.AUTH_USER_MODEL, on_delete=models.CASCADE, related_name='wagtail_userprofile'
    )

    avatar = models.ImageField(
        verbose_name=_('profile picture'),
        upload_to=upload_avatar_to,
        blank=True,
    )

因为这是一个常规图像字段，您可以通过.url在模板中附加来获取 url。

这是一些示例模板代码：

{% if request.user.is_authenticated %}
  {% if request.user.wagtail_userprofile.avatar %}
    <img src="{{ request.user.wagtail_userprofile.avatar.url }}" alt="{{ request.user.get_full_name }}">
  {% else %}
    {# No image #}
  {% endif %}
{% endif %}

上面的代码将检查用户是否在模板中进行了身份验证。如果你不需要它，放弃它。

然后是检查存在的if语句request.user.wagtail_userprofile.avatar。wagtail_userprofile来自模型上的user字段。UserProfile它使用 a related_name，所以我们在模板中使用它。

我还{{ request.user.get_full_name }}为 alt 标签添加了一个，因为在这种情况下，图像 alt 可能应该是用户名，而不是文件名。

如果您需要高度或宽度，它们都可以通过{{ request.user.wagtail_userprofile.avatar.height }}and获得{{ request.user.wagtail_userprofile.avatar.width }}。

推荐阅读