How do I display a img in html (django)

Question

html file:

<!DOCTYPE html>
<html>
<head>


    <title>Resume Homepage</title>

</head>

<body>
<img src="main_photo.jpg" alt="Image Unable To Be Displayed">

</body>


</html>

Note the photo is in the same directory as the html file so why wont it display? I keep just getting 404 errors.

I am also near positive the name of the photo file is correct as its very simple how could I mess that up.

Answer 1

This is how i got it working.

settings.py

import os
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

MEDIA_ROOT = (
BASE_DIR
)


MEDIA_URL = '/media/'

models.py...

image = models.ImageField(upload_to='img')

urls.py(project's)

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

template (.html)

<img src="{{ post.image.url }}" alt="img">

How do I display a img in html (django)

Question

1 answers

solution1
0 2021-11-21 17:13:52

How do I display a img in html (django)

Question

1 answers

solution1 0 2021-11-21 17:13:52

solution1
0 2021-11-21 17:13:52