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 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.

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

Most Recent

Come ridurre la dimensione di un boltdb

Questo post parte da questa risposta ad una domanda posta sul repository ufficiale di boltdb. Nella domanda si chiede come ridurre la dimensione di un database

Come installare uno script Go su Ubuntu

Go è un linguaggio di programmazione nato in Google dalle mani di Robert Griesemer, Rob Pike e Ken Thompson. Sintatticamente è molto simile al C

Come trasferire chiamate tra interni su FreePBX

Molti telefoni hardware hanno già incorporato un pulsante che può essere utilizzato per il trasferimento delle chiamate tra interni, altri invece ne sono sprovvisti. Cosa