title: How to show image from Firestore Download URL in website
body: <p>Never before done JavaScript (will learn it sometime), but needed to build this to make the uploading of my data easier into Firebase Firestore for my Android app. I did two tutorials and used that code to build this. The one part uploads the image into Firebase Storage, and then takes the URL and load it into Firebase Firestore with the rest of the data. </p>
  
  <p>It is working 100%, but would like to know how can I make the image show (change HTML or Javascript) instead of the download URL. </p>
  
  <p>This is how I get my output now, I would like the image display there:
  <a href="https://i.stack.imgur.com/9ZnBe.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9ZnBe.jpg" alt="This is how it looks now."></a></p>
  
  <p>Now where should I put what to display the actual image instead of the URL like in the pic. Is there some thing for web like Picasso or Glide like for Android I have to use to convert the URL into the Image. </p>
  
  <p>I believe somewhere here I should change something or add something to show the image instead of the URL:</p>
  
  <p>Either Here:</p>
  
  <pre><code>  //create element and render cafe
    function renderProduct(doc){
  let li = document.createElement('li');
  let promo_number = document.createElement('span');
  let image  = document.createElement('span');
  let cross = document.createElement('div');
  </code></pre>
  
  <p>Or Here</p>
  
  <pre><code>li.setAttribute('data-id', doc.id);
  promo_number.textContent = doc.data().promo_number;
  image.textContent = doc.data().image;
  cross.textContent = 'x';
  </code></pre>
  
  <p>Or here </p>
  
  <pre><code>li.appendChild(promo_number);
  li.appendChild(image);
  li.appendChild(cross);
  
  promo_product_list.appendChild(li);
  </code></pre>
  
  <p>But I cannot figure out what to put where. </p>
  
  <p>That is in the Javascript class, please see the JavaScript and HTML in these Pastebins:</p>
  
  <p><a href="https://pastebin.com/dDEPkkjV" rel="nofollow noreferrer">HTML here </a></p>
  
  <p><a href="https://pastebin.com/4hmxGjPm" rel="nofollow noreferrer">JavaScript Here</a></p>
  
  <p>I know the code is very bad, but it works for what I need it to do, but it will work even better if I can see the actual Image. 
  Thanks for looking</p>