Dynamically show url_for image in html file flask

Question

I want to display an image of an item whose name is saved as 1.jpg where 1 is item id. I am trying to show it using url_for but the image is not showing.

<img class="card-img-top" src="{{url_for('static',filename='img/uploads/item.id.jpg')}}" alt="img">

Is there a way i can dynamically insert item.id value in url_for?

Akash Unni · Accepted Answer · 2021-07-26 10:04:28Z

1

The below sample should work:

{% for item in items %}
    <img class="card-img-top" src="{{url_for('static',filename='img/uploads/' + item.id + '.jpg')}}" alt="img">
{% endfor %}

[ if id is integer then convert to string like item.id|string ]

edited Jul 26, 2021 at 10:04

answered Jul 26, 2021 at 8:32

Akash Unni

4062 silver badges7 bronze badges

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

1 Comment

puranjan Over a year ago

It gives str is undefined. Here jinja2 isnt able to convert the integer to string

Collectives™ on Stack Overflow

Dynamically show url_for image in html file flask

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related