cannot load image in html template in django application

Question

I am trying to put an image in html template in my django applicarion but its is not displayed. When i inspect, it says image cannot be loaded.

HTML code:

<div class = "col-md-4">
  <img src= "/static/images/abc.jpg" alt="sorry"/>
  </div>

location of the image abc.png is /home/user/demo/mysite/mysite/static/images/abc.png and my django application is bookmark which resides in mysite(demo/mysite)

Is it the correct way of giving path in a django application or something else needs to be done.

.
└── mysite
    ├── bookmark
    │   ├── admin.py
    │   ├── admin.pyc
    │   ├── apps.py
    │   ├── forms.py
    │   ├── forms.pyc
    │   ├── __init__.py
    │   ├── __init__.pyc
    │   ├── migrations
    │   │   ├── 0001_initial.py
    │   │   ├── 0001_initial.pyc
    │   │   ├── 0002_auto_20171029_1436.py
    │   │   ├── 0002_auto_20171029_1436.pyc
    │   │   ├── 0003_userbookmark.py
    │   │   ├── 0003_userbookmark.pyc
    │   │   ├── __init__.py
    │   │   └── __init__.pyc
    │   ├── models.py
    │   ├── models.pyc
    │   ├── static
    │   │   └── style.css
    │   ├── templates
    │   │   ├── 20150225_134637.jpg
    │   │   ├── abc.jpg
    │   │   ├── base_generic.html
    │   │   ├── category.html
    │   │   ├── index.html
    │   │   ├── login.html
    │   │   ├── myprofile.html
    │   │   ├── profile.html
    │   │   ├── register2.html
    │   │   ├── register.html
    │   │   ├── registerInterest.html
    │   │   ├── sample
    │   │   └── success.html
    │   ├── tests.py
    │   ├── urls.py
    │   ├── urls.pyc
    │   ├── views.py
    │   └── views.pyc
    ├── db.sqlite3
    ├── manage.py
    ├── mysite
    │   ├── __init__.py
    │   ├── __init__.pyc
    │   ├── settings.py
    │   ├── settings.pyc
    │   ├── static
    │   │   └── images
    │   │       ├── abc.jpg
    │   │       └── [email protected]
    │   ├── urls.py
    │   ├── urls.pyc
    │   ├── wsgi.py
    │   └── wsgi.pyc
    └── urls.py

I have edited the post and added the tree structure of my project

Possible duplicate of Adding an image into a django template from the static folder - Django — Satendra
– Satendra, Commented Nov 9, 2017 at 7:41
@AaronVisang I have edited my question and added the tree structure of my project — Rashi Goel
– Rashi Goel, Commented Nov 9, 2017 at 16:37

ryche · Accepted Answer · 2017-11-09 07:53:41Z

0

This is correct way to use static files in django templates

{% load static %}

<div class="col-md-4">
    <img src= "{% static "images/abc.jpg" %} alt="sorry"/>
</div>

answered Nov 9, 2017 at 7:53

ryche

2,0943 gold badges19 silver badges28 bronze badges

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

1 Comment

Rashi Goel Over a year ago

I have tried this as well but did not work. do we need to change settings.py file as well?

Collectives™ on Stack Overflow

cannot load image in html template in django application

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related