我的 Django 网站上的图像未加载

Posted 2023-02-24

【中文标题】我的 Django 网站上的图像未加载

【英文标题】：Images on my Django website are not loading

【发布时间】：2019-11-20 18:21:57

【问题描述】：

我的菜单模板上有图片，点击后我想重定向到 Django 中的另一个模板

**Below is my code for the menu template:**

 %for count in item%
        <div class="col-md-6 col-lg-4 menu-wrap">
            <div class="heading-menu text-center ftco-animate">
                <h3>count.supper</h3>
                </div>
            <div class="menus d-flex ftco-animate">
          <div class="menu-img img" style="background-image: url(count.pic.url);"></div>
          <div class="text">
            <div class="d-flex">
                <div class="one-half">
                  <h3>count.name</h3>
                </div>
                <div class="one-forth">
                  <span class="price">$count.price</span>
                </div>

我怎样才能做到这一点？ 可以应用 onclick 事件吗？

Model.py 代码：

从 django.db 导入模型 从 django.contrib.postgres.fields 导入 ArrayField

class Breakfast(models.Model):

    name = models.CharField(max_length=100)
    price = models.IntegerField()
    ingredients = ArrayField(models.CharField(max_length=100),size=8)
    pic = models.ImageField(upload_to="images")


class Lunch(models.Model):

    name = models.CharField(max_length=100)
    price = models.IntegerField()
    ingredients = ArrayField(models.CharField(max_length=100),size=8)
    pic = models.ImageField(upload_to="images")

【问题讨论】：

发布您的型号代码

【参考方案1】：

直接放图片而不是背景

<div class="menu-img img">
  <a href="% url 'whatdoyouwant' %">
    <img src="count.pic.url"></img>
  </a>
</div>

【讨论】：

肯定行得通！但这样我的模板就毁了。

我们还有其他选择吗？

感谢分配梅耶姆！我在原始 img 标签之前添加了 标签并且它起作用了