Serving images in Flask - Cheat Sheet & Quick Revision

Recall & Review

beginner

How do you serve a static image file in Flask?

Place the image in the 'static' folder and use the URL '/static/filename'. Flask automatically serves files from this folder.

intermediate

What Flask function helps to send a file from a folder dynamically?

The function send_from_directory() sends a file from a specified folder, useful for serving images outside the static folder.

beginner

Why should images be served from the 'static' folder in Flask?

Because Flask is configured to serve files from 'static' automatically, making it simple and efficient without extra code.

intermediate

How can you serve an image stored outside the 'static' folder in Flask?

Use send_from_directory() with the folder path and filename to serve the image dynamically.

intermediate

What HTTP header is important when serving images to browsers?

The Content-Type header tells the browser the file type, like 'image/png' or 'image/jpeg', so it displays correctly.

Where should you place images to serve them automatically in Flask?

A In the 'static' folder

B In the 'templates' folder

C In the root folder

D In the 'images' folder

Flask serves files automatically from the 'static' folder.

Which Flask function sends a file from a specific folder?

A render_template()

B send_file()

C send_from_directory()

D url_for()

send_from_directory() sends files from a folder dynamically.

What URL path is used to access a static image named 'cat.png'?

A /files/cat.png

B /images/cat.png

C /cat.png

D /static/cat.png

Static files are accessed under '/static/filename'.

What content type should be set for a JPEG image?

A image/jpeg

B text/html

C application/json

D image/png

JPEG images use the 'image/jpeg' content type.

If an image is outside the 'static' folder, how do you serve it?

A Use render_template()

B Use send_from_directory()

C Move it to 'templates'

D Use url_for() only

Use send_from_directory() to serve files outside 'static'.

Explain how Flask serves images placed in the 'static' folder and how you would reference them in HTML.

Think about the folder Flask uses for static files and how URLs map to it.

Describe how to serve an image file located outside the 'static' folder using Flask code.

Look for a Flask function that sends files from any folder.