CODEWITHSUNDEEP
pythondjangodjango-templates
Matthew Sheinberg
Matthew Sheinberg

Reputation: 21

Using static files in a Django template

I'm trying to get a file that's in my media directory to appear on an HTML template. I'm using the "Tango with Django" book as a tutorial.

Here is my settings.py:

MEDIA_DIR = os.path.join(BASE_DIR, 'media')
MEDIA_ROOT = MEDIA_DIR
MEDIA_URL = '/media/'

Here is views.py:

  def about(request):

    return render(request, 'rango/about.html', )

And my about.html template:

<!DOCTYPE html>
{%load staticfiles%}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>About</title>
</head>
<body>
<h1>This is the about page</h1>
<img src="{{MEDIA_URL}} {{cat.jpg}}"
     alt="cats are funny"/>
<div>
    <a href="/rango/"> Index </a>
</div>
</body>
</html>

I know I must be missing something very obvious, but can't figure it out for the life of me!

Upvotes: 2

Views: 841

Answers (2)

Irene Zhang
Irene Zhang

Reputation: 1

I think the problems should be errors in format. Try the following two revisions: 1. in your render(), change "return render(request, 'rango/about.html', )" to "return render(request, 'rango/about.html') by deleting the last comma; 2. in your template file about.html, change .

Upvotes: 0

Zach Gates
Zach Gates

Reputation: 4130

The {{MEDIA_URL}} tag is deprecated. Use the {% get_media_prefix %} tag, instead.

<img src="{% get_media_prefix %}cat.jpg" alt="cats are funny"/>

From the documentation:

Similar to the get_static_prefix, get_media_prefix populates a template variable with the media prefix MEDIA_URL.

When rendered, that src attribute will be equivalent to /media/cat.jpg. You may want to consider using STATIC_ROOT in your settings.py, instead, along with the {% static %} tag:

<img src="{% static 'cat.jpg' %}" alt="cats are funny"/>

Upvotes: 3

Related Questions