Come mostrare immagini in una pagina HTML con Python Flask

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.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Most Recent

Come modificare l’autore di commit precedenti

Anzitutto apriamo questo articolo precisando che modificare i commit passati è un’operazione sulla commit history di un repository e tale operazione può essere rischiosa. Questa

Come eliminare un Git remote branch

Mentre in questo articolo abbiamo trattato come eliminare un Git local branch, qui di seguito trattiamo come eliminare un Git remote branch. Anche in questo caso,

Partners