30-2 Affichage d'une image du dossier partagé

Essayons maintenant d'afficher une image dans le projet Blazor.

Commençons par le composant Show d'événement.

Snowfall.Web.ClientAdmin/Pages/Evenements/Show.razor

<!-- ... -->

    <h1>@_evenementDto.Nom</h1>
    <div class="row">
        <div class="col-lg-8">
            <div class="card mt-3">
                @if(_evenementDto.ImagePath is not null)
                {
                    <img src="/storage/@_evenementDto.ImagePath"/>
                }
                
                <div class="card-body">
                    @_evenementDto.Description
                </div>

<!-- ... -->

info

On fait simplement appel à /storage/@evenement.ImagePath. Le résultat est une requête HTTP à http://localhost:5160/storage/event1.jpg qui est une requête vers le serveur (projet API) retournant l'image dans le dossier de fichiers statiques.

Vous devriez maintenant avoir accès à l'image et être en mesure de voir cette dernière sur l'affichage du détail d'un événement.