title: How would I upload image after fileReader to firebase storage
body: <p>I am trying to upload an image to firebase storage that must be blob or file and I was wondering how could I do that after using filereader?</p>
  
  <pre><code>function image(file, idOfImage){
      var fr = new FileReader();
      var imgCar = document.createElement('img')
      imgCar.id = idOfImage
      fr.onload = function () {
          imgCar.src = fr.result;
      }
      fr.readAsDataURL(file);
      document.body.append(imgCar)
  }
  // sometime later... I might call uploadImage() if user wants to save this image or other image...
  // (I am calling image() a couple of times so multiple images on window)
  function uploadImage(idOfImage){
      var image = document.getElementById(idOfImage)
      storage.ref('...').put(image); // I get error since not blob or file
      //storage.ref('...').put(image.src); // I get same error since not blob or file
  }
  </code></pre>