Nel caso fosse necessario eseguire il rendering di un’immagine in una pagina HTML che gestiamo con il web framework Flask, ci sono pochi accorgimenti da seguire.
La prima cosa da tenere in considerazione è che tutti i file statici di un progetto Flask sono contenuti nella cartella denominata static. In questa possiamo tranquillamente creare delle sotto cartelle al fine di suddividerne meglio il contenuto, per esempio img, css, json e così via.
Includere immagine in HTML con Flask
A questo punto possiamo direttamente andare al poco codice necessario. All’interno di una pagina HTML inseriamo il seguente tag <img>, dove nell’attributo source indichiamo tra doppie parentesi graffe {{}} il percorso del file incapsulandolo nella funzione url_for().
<img decoding="async" src="{{ url_for('static', filename='img/nice-pic.jpg') }}" class="card-img-top" alt="Foto molto bella">
Ricordiamoci che nel caso in cui il file si trovi in una sottodirectory è sufficiente indicare il percorso completo usando il parametro filename.
