在导航栏中显示个人资料图像

Question

我正在建立自己的博客网站。

我设法让用户上传他们自己的个人资料图片并将其显示在他们的帖子旁边，但现在我希望在导航栏中显示相同的图片作为个人资料图片，但是当我这样做时，我这样做了与它不起作用的帖子看起来像这样。

对于帖子，我制作了个人资料图像模型并从 html 文件中访问了变量，但相同的方法不适用于在导航栏中显示它。

我使用 python 和 django 作为后端。

这是我的个人资料图片的型号代码：

from django.db import models
from django.contrib.auth.models import User
from PIL import Image

class Profile(models.Model):
  user = models.OneToOneField(User, on_delete=models.CASCADE)
  image = models.ImageField(default="default.jpg", upload_to="profile_pics")

  def __str__(self):
     return f"{self.user.username} Profile"

  def save(self, *args, **kwargs):
     super().save(*args, **kwargs)

      img = Image.open(self.image.path)
      if img.height > 300 or img.width > 300:
          output_size = (300, 300)
          img.thumbnail(output_size)
          img.save(self.image.path)

这是我在我的 html 文件中引用它以显示在帖子旁边的方式：

<img class="rounded-circle article-img" src="{{ post.author.profile.image.url }}" id="img"> 

当我使用任何其他图像（来自 url 或本地文件）时，它可以完美运行，但是当我使用该变量调用图像时它不起作用

值得一提的是，导航栏和帖子部分位于不同的 html 文件中。导航栏的 html 文件似乎无法访问该变量？

我做错了什么？

Answer 1

试试这个：

<img class="rounded-circle article-img" src="{{ request.user.profile.image.url }}" id="img">