如何在django中上传图片

Question

Here is my settings.py:

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

Here is 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)

Here is my model:

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

Views:

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})

Template:

{% 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 %}

And here is an image upload from admin pannel but its not shwoing in template

here it is model in admin panel output in template

Answer 1

Try to substitute

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

with

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