Serving media in development in Django - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

How does Django serve media files during development?

In a Django project running with DEBUG=True, what happens when you add this to your urls.py?

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # your url patterns
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

What is the effect of this code on serving media files?

A It allows Django's development server to serve media files from MEDIA_ROOT at MEDIA_URL automatically.

B It configures Django to serve static files from STATIC_ROOT during development.

C It disables serving media files and requires a separate web server for media.

D It causes a runtime error because static() cannot be used with MEDIA_URL.

💡 Hint

Think about how Django handles static and media files differently in development.

The static() helper function is designed to serve files from MEDIA_ROOT at MEDIA_URL during development when DEBUG=True. This is a convenience so you don't need a separate web server for media files while developing.

📝 Syntax

intermediate

Correct syntax to serve media files in Django development

Which of the following urls.py snippets correctly enables serving media files during development?

A urlpatterns = static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

B urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

C urlpatterns += static(settings.STATIC_URL, document_root=settings.MEDIA_ROOT)

D urlpatterns += static(settings.MEDIA_ROOT, document_root=settings.MEDIA_URL)

💡 Hint

Remember the order of arguments for static() and what MEDIA_URL and MEDIA_ROOT represent.

The static() function takes the URL prefix first (MEDIA_URL) and the filesystem path second (MEDIA_ROOT). You append the result to urlpatterns to add media serving routes.

🔧 Debug

advanced

Why are media files not served despite correct settings?

You have added urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) in your urls.py and set MEDIA_URL = '/media/' and MEDIA_ROOT = BASE_DIR / 'media' in settings.py. But when you try to access /media/image.jpg, you get a 404 error. What is the most likely cause?

A The static() function only works for static files, not media files.

B MEDIA_ROOT is incorrectly set to a URL instead of a filesystem path.

C You forgot to add <code>MEDIA_URL</code> to <code>INSTALLED_APPS</code>.

D DEBUG is set to False, so Django does not serve media files automatically.

💡 Hint

Check the DEBUG setting and how Django behaves differently in production.

Django only serves media files automatically during development when DEBUG=True. If DEBUG=False, Django expects a real web server to serve media files.

🧠 Conceptual

advanced

Understanding the role of MEDIA_URL and MEDIA_ROOT

In Django, what is the difference between MEDIA_URL and MEDIA_ROOT?

A Both <code>MEDIA_URL</code> and <code>MEDIA_ROOT</code> are URL prefixes for different types of media.

B <code>MEDIA_URL</code> is the filesystem path; <code>MEDIA_ROOT</code> is the URL prefix for media files.

C <code>MEDIA_URL</code> is the URL prefix for media files; <code>MEDIA_ROOT</code> is the filesystem path where media files are stored.

D <code>MEDIA_URL</code> is used only in production; <code>MEDIA_ROOT</code> is used only in development.

💡 Hint

Think about where files live on disk versus how they are accessed via a browser.

MEDIA_ROOT is the folder on your computer or server where uploaded media files are saved. MEDIA_URL is the web address prefix used to access those files in a browser.

❓ state_output

expert

What is the output when accessing media URL with missing file?

Given this Django development setup:

DEBUG = True
MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR / 'media'

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

If you request /media/nonexistent.jpg in the browser, what will happen?

A Django returns a 404 Not Found error page because the file does not exist.

B Django serves a default placeholder image automatically.

C Django raises a server error (500) because the file is missing.

D Django redirects the request to the homepage.

💡 Hint

What does a web server usually do when a requested file is missing?

When a file is not found in MEDIA_ROOT, Django's development server returns a 404 Not Found error to the browser.