Comment passer un tableau d'images d'un fichier js à HTML ?

Question

Dans cette fonction, j'ai en entrée un tableau d'images (lien de l'img sur google) et je veux afficher l'image dans mon code HTML, dans var fullLink j'ai le lien vers la page HTML. Des suggestions ?

Ma fonction JS :

function showImageContributors(data) {
    var url = "chrome-extension://paiocjmlmleigfefjijbaglphlbgfcdo/src/browser_action/contribuenti.html";
    var nameRepo = window.location.hash;
    var fullLink = url+nameRepo;

    document.getElementById("imageCollaborators").appendChild(() => data.map((image) => <img src='${data}' />));
  }

---

Mon HTML où les images doivent être affichées :

<div class="col-lg-4 ms-auto">
  <div id="imageCollaborators" class="imageCollaborators"><img id="image" src="" class="image" /></div>
</div>

Answer 1

Vous pouvez faire quelque chose comme

function showImageContributors(contributors) {
  var data = [];
  var link = "chrome-extension://paiocjmlmleigfefjijbaglphlbgfcdo/src/browser_action/contribuenti.html/";
  contributors.forEach(c => {
    data.push(c.image);

    $.getJSON(link + $.param(data), function(res) {});
  });

  pimage.remove();
  document.getElementById("imageCollaborators").appendChild(() => contributors.map((contributor) => <img src=`${contributor.image}` />);

}