如何在django中上傳圖片

Question

這是我的settings.py：

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

這是 urls.py：

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

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('laxmi.urls')),
] + static(settings.MEDIA_URL, documents_root=settings.MEDIA_ROOT)

這是我的模型：

class Services(models.Model):
    title = models.CharField(max_length=250)
    desc = models.TextField()
    img = models.ImageField(upload_to='img')
    def __str__(self):
        return self.title

意見：

def index(request):
    why_choose_uss = why_choose_us.objects.all()
    servicess = Services.objects.all()
    return render(request, 'laxmi/index.html', {'servicess': servicess, 'why_choose_uss': 
    why_choose_uss})

模板：

{% for services in servicess %}
  <div class="col mb-4">
    <div class="card">
      <img src="{{services.img.url}}"class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">{{services.title}}</h5>
        <p class="card-text">{{services.desc}}</p>
        <a href="#" class="btn btn-primary">Lern More</a>
      </div>
    </div>
  </div>
{% endfor %}

這是從管理面板上傳的圖像，但它沒有在模板中顯示

這是模板中管理面板輸出中的模型

Answer 1

嘗試替換

<img src="{{services.img.url}}"class="card-img-top" alt="...">

和

<img src="{{services.img.url}}" class="card-img-top" alt="..." />