Aller au contenu principal

Image - Sélection et envoi côté client

Avant la séance :

Vous devrez étudier l'exemple de code suivant sur la sélection et l'envoi d'image. Cherchez les TODOs pour les explications. Dans IntelliJ View > Tool Windows > TODO.

Vous devez regarder les videos suivantes:

Séance 1 : Sélection et envoi

On regardera comment ajouter un "image picker" à une application Flutter.

Nous parlerons du choix à faire entre les différents formats de données lors des échanges d'images client-serveur.

On regardera comment envoyer une image à un serveur à partir d'une application Flutter.

Vous compléterez les exercices pour vous pratiquer.

Exercices

Exercice image_background

Vous faire un formulaire simple (2 champs comme nom et prénom ou utilisateur et mot de passe).

Mettre une image en arrière plan de votre page.

Ajouter un bouton pour ouvrir la galerie et changer l'image d'arrière plan.

Exercice envoi_images

À partir du serveur suivant : serveur d'images.

Regarder la doc du image picker de flutter ici.

Faire un bouton qui ouvre la gallerie et qui sélectionne plusieurs photos.

Envoyer toutes les photos sélectionnées au serveur et les afficher à l'aide des URL dans un ListView une fois que l'envoi est terminé.