Question

I want to display an image on my website. I’ve been looking through the Django documentation and the other posts on stackoverflow, but I haven’t gotten this to work.
I have an image name ‘under-construction.jpg’. It lives in the /home/di/mysite/myapp/static/images directory.

I have a template like this:

<img src="{{ STATIC_URL }}images/under_construction.jpg" alt="Hi!" />

in my views.py I have this:

def under_construction(request):
    return render(request, 'under_construction.html')

In my settings.py, I have this:

STATIC_ROOT = ''

# URL prefix for static files.
# Example: "http://media.lawrence.com/static/"
STATIC_URL = '/static/'

# Additional locations of static files
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    '/home/di/mysite/myapp/static',
    '/home/di/mysite/myapp/static/images',
)

I executed ./manage.py collectstatic and it put a lot of files in /home/di/mysite/admin and /home/di/mysite/images. What do I have to do get my image to show up?

Answer 1

All you need to do is edit settings.py to be as the 4 following points and create a new folder (static) in the same folder settings.py is located
in the folder static you can create another folder (images) in it you can put the (under_constructioon.jpg)

1. STATICFILES_DIRS = (os.path.join( os.path.dirname( __file__ ), 'static' ),)

2. STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',)

3. STATIC_URL = '/static/'

4. STATIC_ROOT = ''

   after you’re done with the prev. points you can write
   <img src="{{ STATIC_URL }}images/under_construction.jpg" alt="Hi!" />