【问题标题】:how to upload image in django如何在django中上传图片
【发布时间】:2020-09-28 22:42:51
【问题描述】:

这是我的 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 %}

这是从管理面板上传的图片,但它没有在模板中显示

here it is model in admin panel output in template

【问题讨论】:

    标签: django django-models django-views django-templates


    【解决方案1】:

    尝试替换

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

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

    【讨论】:

    • 它不工作我正在模板中获取除图像之外的所有服务对象。我想我在 url 中犯了一些错误,但我不知道在哪里。
    • 尝试将“{{services.img.url}}”替换为“{{ request.get_host }}{{services.img.url}}”
    • 否则尝试在标签“img”的“>”结束部分之前添加“/”。
    • 将 {{services.img.url}} 作为 html 文本直接放入模板中,然后查看其中的 url 是什么。如果您将图像粘贴到浏览器的网址栏中,它会显示您的图像吗?
    • 我直接放入模板中,但没有显示图片
    猜你喜欢
    • 2012-08-06
    • 2012-03-28
    • 1970-01-01
    • 2022-11-11
    • 2012-05-28
    • 2014-03-20
    • 1970-01-01
    • 2016-07-30
    • 2022-01-08
    相关资源
    最近更新 更多