【问题标题】:how to show an image in the django templates dynamically? [duplicate]如何在 django 模板中动态显示图像? [复制]
【发布时间】:2019-02-15 11:02:17
【问题描述】:

我想在 django 模板中显示上传的图像,但它没有显示任何图像,我已成功上传并保存它,我该如何解决这个问题,谁能解释一下我们如何拥有的示例演示配置我们的 settings.py 以在模板中显示图像?

我的设置.py:

LOGIN_URL='/login'
STATIC_URL = '/static/'
LOGIN_REDIRECT_URL = '/home'
LOGOUT_REDIRECT_URL='/accounts'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

我的模型.py:

class Images(models.Model):
    user_id=models.ForeignKey(User,on_delete=models.CASCADE,null=True)
    image=models.FileField(upload_to='home')

我用来显示它的图像标签是

<img src="{{ obj.image.url }}" class="img-circle" height="65" width="65" alt="Avatar">

我的 urls.py:

from django.urls import path
from . import views
from . models import FavBooks
from django.conf import settings
from django.conf.urls.static import static
app_name='home'

    urlpatterns=[
        path('',views.HomeView,name='home'),
        path('addBooks/',views.addBooks,name='addBooks'),
        path('uploadpic/',views.uploadPic,name='uploadPic'),
        path('myBooks/',views.BooksView.as_view(),name='myBooks'),
        path('<int:pk>/', views.BookDetailsView.as_view(), name='myBooks'),
        path('search/', views.SearchedBooks, name='searchedBooks'),
        path('favoriteAjax/', views.favorite_ajax, name='favoriteAjax'),
        path('removefavoriteAjax/', views.removefavorite_ajax, name='removefavoriteAjax'),
        path('wishList/',views.WishlistView.as_view(),name='wishList'),
        path('deletebook/', views.deleteBook, name='deleteBook'),
        ]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

【问题讨论】:

  • 我已将其添加到我的 urls.py 但仍然没有显示任何图像
  • 显示你的主要 urls.py
  • 我已将其添加到我的问题中,请查看
  • 你确定这是主要的 urls.py。我认为这是 django 应用程序之一的 urls.py。

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


【解决方案1】:

在 urls.py 中添加这个

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

【讨论】:

    猜你喜欢
    • 2011-11-10
    • 1970-01-01
    • 2017-11-27
    • 2013-02-16
    • 1970-01-01
    • 1970-01-01
    • 2016-02-17
    • 2021-12-10
    相关资源
    最近更新 更多