How to display multiple images from an API in Flask

Question

I'm using Fortnite API, more specifically the Python package, to write a Flask web server. I want to retrieve the Shop images and display them on my flask web server. Please note that I am fairly new to Python and Flask.

I've tried using @app.route("/shop") and making a for loop to get the pictures, and returning return item.information which should give me all of the links to the image (links look like this) and print them. I want to display them as images.

Here's what I've tried, I know it doesn't show them as images but I'm really new. The weird thing is, it doesn't even return all of the links.

from flask import Flask
from FortniteAPI import Shop

app = Flask(__name__)

@app.route("/shop")
def shop():
    shop = Shop()
    items = shop.get_items()
    for item in items:
        return item.information

I expected the output to show images of each item in the shop, yet it only prints one link and no images.

you can use return only once in function - this is how return works in all functions and in all languages - so you can do only return items. Or use template and then you can use for loop in template to get information from every item.. Or create list with information and return this list. — furas
– furas, Commented May 3, 2019 at 2:17

furas · Accepted Answer · 2019-05-03 02:31:18Z

2

Functions can execute return only once.

So you can return items

items = shop.get_items()
return items

Or you can create new list with information and return this list

items = shop.get_items()
info = [x.information for x in items]
return info

To display as images you have to use HTML template and render_template()

from flask import Flask, render_template

items = shop.get_items()
info = [x.information for x in items]

return render_template('all_images.html', links=info)

And in 'all_images.html'

{% for url in links %}
<img src="{{ url }}"/>
{% endfor %}

Or using items

from flask import Flask, render_template

items = shop.get_items()

return render_template('all_images.html', links=items)

And in 'all_images.html'

{% for url in links %}
<img src="{{ url.information }}"/>
{% endfor %}

EDIT: it is not popular but you can also generate HTML directly in function

items = shop.get_items()

html = ''

for x in items:
    html += '<img src="{}"/>'.format(x.information)

return html

edited May 3, 2019 at 2:31

answered May 3, 2019 at 2:26

furas

149k12 gold badges121 silver badges171 bronze badges

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

5 Comments

Braythor Codes Over a year ago

I get an Internal Server Error while using the 'items' method which is second to last. @furas

furas Over a year ago

try other methods.

Braythor Codes Over a year ago

Sorry, I did something wrong. Now I get the following error:

furas Over a year ago

last line: jinja2.exceptions.TemplateNotFound: all_images.html - you have to create file all_images.html and it has to be in subfolder templates - Doc: Rendering Templates

Braythor Codes Over a year ago

I got it working! Thanks @furas. Marking as correct answer.

Collectives™ on Stack Overflow

How to display multiple images from an API in Flask

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related