我无法将image_url加载到本地主机上，请帮助

Question

我正在做一个像卖水果的演示网站一样，我正在按照youtube教程进行操作（用Mosh编码），他的图像正确加载，但是我的图像不会进行其他操作，例如添加到购物车按钮和正确加载产品名称。我怕在一个网址上添加（https://upload.wikimedia.org/wikipedia/commons/7/7b/Orange-Whole-%26-Split.jpg）

admin.py

from django.contrib import admin
from .models import Product, Offer


class OfferAdmin(admin.ModelAdmin):
    list_display = ('code', 'discount')


class ProductAdmin(admin.ModelAdmin):
    list_display = ('name', 'price', 'stock')


admin.site.register(Product, ProductAdmin)
admin.site.register(Offer, OfferAdmin)

apps.py

from django.apps import AppConfig


class ProductsConfig(AppConfig):
    name = 'products' 

models.py

from django.db import models

class Product(models.Model):
    name = models.CharField(max_length=255)
    price = models.FloatField()
    stock = models.IntegerField()
    image_url = models.CharField(max_length=2083)


class Offer(models.Model):
    code = models.CharField(max_length=10)
    description = models.CharField(max_length=255)
    discount = models.FloatField()

urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index),
    path('new', views.new)
]

views.py

from django.http import HttpResponse
from django.shortcuts import render
from .models import Product


def index(request):
    products = Product.objects.all()
    return render(request, 'index.html',
                  {'products': products})


def new(request):
    return HttpResponse('New products')

index.py

{% extends 'base.html' %}

{% block content %}
<h1>Products</h1>
<div class="row">
    {% for product in products %}
        <div class="col">
            <div class="card" style="width: 18rem;">
                <img src="{{ image_url }}" alt="...">
                <div class="card-body">
                    <h5 class="card-title">{{ product.name }}</h5>
                    <p class="card-text">{{ product.price }}₹</p>
                    <a href="#" class="btn btn-primary">Add to cart</a>
                </div>
            </div>
        </div>
    {% endfor %}
</div>
{% endblock %}

我的第一个django项目和images_url可以加载一切正常运行的东西，但是图像不会加载。

Answer 1

更改

<img src="{{ image_url }}" alt="...">

收件人
<img src="{{ product.image_url }}" alt="...">