How to display images from folder in Python html and flask

Question

I am very new to python and Flask. I have a folder with a list of jpeg images. I have to display them in my demo application with flask as below, My app.py :

@app.route("/")
def home():  
    return render_template('home.html')

My home.html:

<img id="person" src={{ url_for('static',filename='pferson_folder/000_1.jpg') }}>

In the above code, I don't want to hardcode the images in the HTML tag. it needs to take the image source from folder dynamically.

Would you please help me with this. Thank you.

possible duplicate: stackoverflow.com/questions/8637153/…

Yavuz Koca
– Yavuz Koca

2019-12-25 13:01:05 +00:00
Commented Dec 25, 2019 at 13:01 — Yavuz Koca
– Yavuz Koca, Commented Dec 25, 2019 at 13:01

TsungJui Wang · Accepted Answer · 2019-12-25 15:52:19Z

4

You can read all the file names out of the directory using os.listdir('Your path') and pass the array into the template:

Something like:

# Inside app.py
import os
@app.route('/')
def home():
 image_names = os.listdir('Your path to images folder')
 render_template('home.html', image_name=image_names)

And inside your template:

{% for name in image_names %}
 <img src="{{ url_for('static', filename='pferson_folder/' + name) }}" >
{% endfor %}

Then you don't have to hardcode the names.

answered Dec 25, 2019 at 15:52

TsungJui Wang

3281 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display images from folder in Python html and flask

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related