Django 放在根文件夹时找不到“/media/image.png”

Question

I have the following structure

my app/
|_my_app/
|  |_templates/
|_static/
|_media/
|_utils/
|_main.py
|_manage.py
|_.gitignore

and having the in template.html

<img src="./media/image.png"> then it casts a GET 404 error Cannot find /media/image.png .

I have also tried relative path (relative to the template ie <img src="../../media/image.png"> .

Moving the media folder into static (and including {% load static %} I can do

<img src="{% static '/media/image.png'">

without any issues.

1. Why can't it find ./media/image.png in the first part?
2. Is there a way to do the "static" trick but with another tag (say media ) eg <img src="{% media 'image.png' "> to avoid absolute paths?

Answer 1

You can create a new folder named img in the static folder, then paste your image in the img folder such that the path to the image will be like this: static -> img -> image.png . You can load the image in HTML like this:

<img src="{% static 'img/image.png'">