obj.photos.url 不显示图片

Posted 2023-02-24

【中文标题】obj.photos.url 不显示图片

【英文标题】： obj.photos.url not showing images obj.photos.url 不显示图片

【发布时间】：2020-09-06 21:35:54

【问题描述】：

------------------------ 根 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('estate.urls')),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

----------------------- 应用程序 urls.py -------------------- ----------

from django.urls import path
from . import views
from .views import index, about, category, PostListView, PostDetailView


urlpatterns = [
    path('', views.index, name='index'),
    path('about/', views.about, name='about'),
    path('category/', views.category, name='category'),
    path('liste/', PostListView.as_view(), name='liste'),
    path('detail/<int:id>/', PostDetailView.as_view(), name='detail-list'),

-----------models.py --------- -

class lists(models.Model):
    ...
    photos = models.ImageField(upload_to='photos/')
    ...
    def __str__ (self):
    return self.title

-----------views.py --------- --

    from django.shortcuts import render, get_object_or_404
    from django.views.generic import ListView, DetailView
    from .models import *

    def index(request):
        listings = lists.objects.filter(is_active=True)
        hit10 = lists.filter().order_by('-hit_counter')[:10]


        context = 
            'listings':listings, 
            'hit10':hit10,
            

        return render(request, 'index.html', context)


    class PostListView(ListView):
        queryset = lists.objects.filter(is_active=True)
        paginate_by = 5


    class PostDetailView(DetailView):

        def get_object(self):
            id_=self.kwargs.get("id")
            return get_object_or_404(listings, id=id_)

----------- 模板.py --------- --

% extends 'base.html'%
% load static %

% block content %


<table class="table table-striped">
    <thead>
        <tr>
        <th scope="col">ID</th>
        <th scope="col">Photo</th>
        <th scope="col">Title</th>
        <th scope="col">Date</th>
        </tr>
    </thead>
    % for obj in object_list %
        % if obj.is_active %
        <tbody>

            <tr>
            <th scope="row"> obj.id </th>
            <td> obj.photo.url </td>
            <td><a href="% url 'detail-list' obj.id % "> obj.title </a></td>
            <td> obj.date </td>

            </tr>
        % endif %
    % endfor %

    </tbody>
</table>


% endblock content %

没有缩略图显示图像的结果是这样的：/media/photo/01.jpg

其他一切都很好。谢谢。

【问题讨论】：

帖子写得不好...请使其更易于理解。

请提供一些代码示例。可能你需要像 % for obj in object_list % % endfor %

【参考方案1】：

图像不会显示，因为您没有将 url 放在图像 html 标记中。 修改了template.html文件：

...
<td> <img src=/static/ obj.photo.url ></td>
...

注意：'static' 应该是您在 settings.py 中设置的 STATIC_URL。

【讨论】：

但这些是动态内容，不是静态的

这些图片是静态的，它们的url存储在数据库中，并且图像文件应该在您项目的其他目录中。

谢谢，但是我的静态文件在 /static/ 中，而我的其他图像等在另一个名为 /media/ 的目录中

【参考方案2】：

我找到了原因；

在模板.py 中

    <tr>
                                 <th scope="row"> obj.id </th>
 THIS CODE SHOULD BE --->        <td> obj.photo.url </td>
                                 <td><a href="% url 'detail-list' obj.id % "> obj.title </a></td>
                                 <td> obj.date </td>
                                 </tr>





     <tr>
                       <th scope="row"> obj.id </th>
 LIKE THIS ONE --->    <td><img  style="width:50%;" class="img-thumbnail" src="obj.photo.url" ></td>
                       <td><a href="% url 'detail-list' obj.id % "> obj.title </a></td>
                       <td> obj.date </td>
                                 </tr>

感谢所有特别为@Adil Shirinov 提供帮助的人。