Django 媒体图像显示空白框

Question

您好，我正在尝试在 django 中显示上传的用户图像，但是当我尝试显示它时，只会出现一个空白框。但是，当我单击图像时，它会打开一个带有图像的新页面。我不知道为什么它没有显示在页面上。

html

{% load mptt_tags %}
{% recursetree location %}
<div class="card">
  <div class="card-body">
     <a class="btn btn-primary" type="button" href="/AddClimb/{{node.id}}">Add Climb</a>
  </div>
</div>
<a href="{{ node.img.url }}"><img source="{{node.img.url}}" width="500" height="400"></a>
<div class="container">
    <div class="row equal">
        <div class="col-md-6 col-sm-6">
          <div class="card-header bg-primary text-white text-center">{{ node.name }}</div>
            <div class="card" style="background-color: #eee;">
              <p class="font-weight-bold">Image: <img source="{{node.img.url}}"></p>
              <p class="font-weight-bold">Description: <span class="font-weight-normal">{{node.description}}</span></p>
              <p class="font-weight-bold">Directions: <span class="font-weight-normal">{{node.directions}}</span></p>
              <p class="font-weight-bold">Elevation: <span class="font-weight-normal">{{node.elevation}}</span></p>
              <p class="font-weight-bold">Latitude: <span class="font-weight-normal">{{node.latitude}}</span></p>
              <p class="font-weight-bold">Longitude: <span class="font-weight-normal">{{node.longitude}}</span></p>
              <p class="font-weight-bold">Added By: <span class="font-weight-normal">{{node.author}}</span></p>
              <p class="font-weight-bold">Date Added: <span class="font-weight-normal">{{node.date}}</span></p>
              <a class="btn btn-primary float-center" type="button" href="/EditLocation/{{node.id}}/">Edit Location</a>        
            </div>
        </div>
{% endrecursetree %}

settings.py

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'Choss_App/media')

urls.py

from django.conf.urls import url
from django.contrib import admin
from django.urls import include, path
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('Choss_App.urls')),
]
# if settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Answer 1

是src=…，不是source=…：

&lt;img <b>src="{{ node.img.url }}"</b> …&gt;