MEDIA_URL vs STATIC_URL in django

Hi Bapi,

MEDIA_URL should be used for user generated content STATIC_URL should be used images that you yourself add to your website, for example your profile picture on an 'about us' page

Your settings.py file should have both MEDIA_URL and STATIC_URL defined like this:

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

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

# Marilyn setting path for user generated contenttypes
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

The above is telling Django where to look and giving it the path to your files for images served on your webpage.

If you then want to add your profile picture to a webpage:

1.create a folder named static within your app

2.create a subfolder named 'images'

3.upload your image to the 'images' subfolder

To use that image on in your html code, it would look like this:

{% load staticfiles %}

<img src="{{STATIC_URL}}static/images/cv.png" alt="marilyns image" id="homepage-cv"/>

Feel free to reach out if you need help with user uploaded images :)

Hope this helps!