Django cannot show image

Question

I use django in Ubuntu. I set static_url, static_root, media_url and media_root in settings.py like this code.

settings.py

DEBUG = False

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

In index.html I set image like this code.

index.html

<img class="rounded mx-auto d-block" width="25%" src="../media/images/iot_logo.png">

After that, I use command django-admin collectstatic and open website but it not show image. How to fix it?

Can you provide some sort of concrete error message?

Bialomazur
– Bialomazur

2022-03-26 15:38:41 +00:00
Commented Mar 26, 2022 at 15:38 — Bialomazur
– Bialomazur, Commented Mar 26, 2022 at 15:38
It have no error but image not display

user572575
– user572575

2022-03-26 15:39:47 +00:00
Commented Mar 26, 2022 at 15:39 — user572575
– user572575, Commented Mar 26, 2022 at 15:39
Try like this {% static 'media/images/iot_logo.png' %}

Ankit Tiwari
– Ankit Tiwari

2022-03-26 15:40:05 +00:00
Commented Mar 26, 2022 at 15:40 — Ankit Tiwari
– Ankit Tiwari, Commented Mar 26, 2022 at 15:40

Adil Mohak · Accepted Answer · 2022-03-26 16:12:24Z

1

Use the built-in static tag

{% load static %}

<img class="rounded mx-auto d-block" width="25%" src="{% static 'media/images/iot_logo.png' %}">

answered Mar 26, 2022 at 16:12

Adil Mohak

3853 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Krishna510 · Accepted Answer · 2022-03-26 15:41:11Z

0

Seems like path you given here in src is incorrect,

correct your path and image will be visible to you.

answered Mar 26, 2022 at 15:41

Krishna510

113 bronze badges

Collectives™ on Stack Overflow

Django cannot show image

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related