Django：無法在模板中呈現上傳的圖像

Question

我創建了一個模型，該模型在我的模型中使用FileField()接受任何類型的文件。

我已經正確上傳了一些文件並將參考保存在數據庫中，正如我在管理界面和文件夾“media”中看到的那樣。

但是，無法在模板中渲染此圖像。 我需要渲染它，以便我的用戶能夠將它們下載到他們的計算機上。

這些是我的圖像的路徑：

media/imagenes/468x60.jpg #relative path

/home/ogonzales/Escritorio/web_proyects/gallito/media/imagenes/468x60.jpg #full path

項目結構

gallito (Django project folder)
   |_gallito
   |_main_app
             |_static
             |_templates
                        |_main_app
                                  |_pedidos.html

   |_media
          |_imagenes
                    |_468x60.jpg
                    |_728x90.jpg
   |_templates
                |_registration
                              |_login.html
                |_base.html

模型.py ：

class TamaniosCantidades(models.Model):
    TAMANIOS = (('2x2', '2" x 2"',), ('3x3', '3" x 3"',),
               ('4x4', '4" x 4"',), ('5x5', '5" x 5"',))

    CANTIDADES = (('50', '50',), ('100', '100',),
                ('150', '150',))


    tamanios = models.CharField(max_length=10, choices=TAMANIOS)
    cantidades = models.CharField(max_length=10, choices=CANTIDADES)
    imagenes = models.FileField(upload_to='imagenes/')
    uploaded_at = models.DateTimeField(auto_now_add=True)

表格.py：

class TamaniosCantidadesForm(forms.ModelForm):
    tamanios = forms.ChoiceField(choices=TAMANIOS, widget=forms.RadioSelect(), label='Selecciona un tamaño')
    cantidades = forms.ChoiceField(choices=CANTIDADES, widget=forms.RadioSelect(), label='Selecciona la cantidad')
    class Meta:
        model = TamaniosCantidades
        # fields = ['tamanios', 'cantidades',]
        fields = ['tamanios', 'cantidades', 'imagenes']

視圖.py：

def pedidos(request):
    pedidos = TamaniosCantidades.objects.all()
    return render(request, 'main_app/pedidos.html', {'pedidos': pedidos})

網址.py：

urlpatterns = [
    path('', views.index),
    path('productos/', views.productos),
    path('productos/die-cut-stickers', views.die_cut, name='die-cut-stickers'),
    path('post_url/', views.post_treasure, name='post_treasure'),
    path('post_url_tamanioscantidades/', views.post_tamanioscantidades, name='post_tamanioscantidades'),
    path('pedidos/', views.pedidos),
    # path('login/', views.login_view, name='login'),
    # path('logout/', views.logout, {'next_page': settings.LOGOUT_REDIRECT_URL}, name='logout'),
]

HTML：

<div>

        <p>Mi Imagen</p>
        <img src="/home/ogonzales/Escritorio/web_proyects/gallito/media/imagenes/468x60.jpg">


         {% for pedido in pedidos %}

            <p> {{ pedido.imagenes }}</p>
            <img src="{{ pedido.imagenes.url }}" alt="Smiley">

         {% endfor %}

</div>

更新1：

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

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

更新 2：

這是呈現的 html

<p> imagenes/728x90.jpg</p>
<img src="/media/imagenes/728x90.jpg" alt="Smiley">



<p> imagenes/468x60.jpg</p>
<img src="/media/imagenes/468x60.jpg" alt="Smiley">

Answer 1

如果您還沒有這樣做，請嘗試在您的URLs.py添加以下代碼段：

from django.conf import settings
from django.conf.urls.static import static

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

這應該使您的媒體能夠在開發過程中在瀏覽器中工作。