Utilisation des Médias AWS S3

Apprenons à télécharger et utiliser des fichiers médias dans notre bucket.

Tout d'abord, nous devons ouvrir l'onglet Objects et cliquer sur le bouton Upload.

Nous serons présentés avec un menu où nous pouvons sélectionner des fichiers ou un dossier contenant des fichiers à télécharger. Actuellement, pour nous, S3 fonctionne de manière similaire à Google Drive, par exemple.

Vous devez sélectionner n'importe quelle image et la télécharger sur la plateforme ; dans notre cas, ce sera une photo d'une tortue.

Après le téléchargement, nous ouvrons le fichier téléchargé, et les informations suivantes apparaissent :

Au fait, voici à quoi ressemble notre tortue :

Comment utiliser cette image dans nos projets?

Pour utiliser ce fichier, nous avons déjà configuré correctement le bucket afin que nous puissions y accéder depuis n'importe quelle source.

Écrivons une petite page HTML avec un espace pour cette photo.

Nous pouvons insérer la photo en utilisant un lien dans la balise <img> en HTML.

Le code pour cette photo ressemblera à ceci:

Comme vous pouvez le voir, lorsque le code s'exécute, la photo de cette tortue s'affiche pour nous.

Tout ce que nous avons fait, c'est écrire un lien vers l'image de notre tortue dans la balise HTML.

Vous pouvez également accéder directement à cette image en suivant ce lien.

Maintenant, écrivons une petite page HTML où nous décrivons la tortue et donnons à l'utilisateur l'opportunité de la nourrir.

Le code ressemblera à ceci :

Pour votre commodité, j'ai également ajouté le code pour la page de la tortue à un bloc sur le site web :

Ainsi, nous pouvons intégrer divers médias que nous avons téléchargés sur S3 dans nos pages HTML, tout comme nous l'avons fait avec l'image de la tortue. Nous insérons simplement le lien de l'image dans la balise <img>, et nous obtenons le résultat.