API insertion jpg sur Javascript

Fermé

OEA_75 Messages postés 2 Date d'inscription mercredi 20 mai 2020 Statut Membre Dernière intervention 20 mai 2020 - Modifié le 20 mai 2020 à 17:26
jordane45 Messages postés 38375 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 11 janvier 2025 - 20 mai 2020 à 19:55

Bonjour à tous,

En utilisant un API via un fetch, j'arrive bien à récupérer les données du site internet, cependant, je n'arrive pas à récupérer les url en jpg en format image. Après avoir essayer plusieurs manipulation sur mon HTML je n'arrive toujours pas à faire apparaitre cette instance en format image et non format url xxxxx.jpg

Mon code ressemble à ça

<body>

<p> Meal: <span id ="lat"></span></p><br>
<p> Image:<span id ="lon"></span></p><br>

<script>

    const api_url ='https://www.themealdb.com/api/json/v1/1/filter.php?c=chicken';
    async function getRecipe(){
        const response = await fetch(api_url);
        const data = await response.json(); 
        
        document.getElementById('lat').textContent =data["meals"]["1"]["strMeal"];
        document.getElementById('lon').textContent =data["meals"]["1"]["strMealThumb"];
        
        console.log(data.latitude);
        console.log(data.longitude);

    }
    getRecipe();

</script>
</body>

Et voila ma page web

Auriez-vous des conseils ?

Merci d'avance !

A voir également:

API insertion jpg sur Javascript
Telecharger javascript - Télécharger - Langages
Insertion liste déroulante excel - Guide
Insertion sommaire word - Guide
Insertion signature word - Guide
Insertion filigrane word - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38375 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 11 janvier 2025 4 723
20 mai 2020 à 17:49

Bonjour,

Au lieu d'utiliser textContent pour afficher l'url ....
places une balises img dans ton html et joue sur son attribut src

OEA_75 Messages postés 2 Date d'inscription mercredi 20 mai 2020 Statut Membre Dernière intervention 20 mai 2020
20 mai 2020 à 18:53

Bonsoir Jordane,

Sais-tu avec quoi je peux remplacer textContent ?

Merci d'avance

jordane45 Messages postés 38375 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 11 janvier 2025 4 723 > OEA_75 Messages postés 2 Date d'inscription mercredi 20 mai 2020 Statut Membre Dernière intervention 20 mai 2020
20 mai 2020 à 19:55

Je te l'ai déjà indiqué ...
ne pas utiliser un SPAN mais une balise IMG
Et "remplir" son attribut SRC

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule