download file from firebase storage

Change class name on click in jQuery

HTML

<script src="https://www.gstatic.com/firebasejs/4.13.0/firebase.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script>
<div>
  <img src="" id="testImg" />
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

JavaScript

var config = {
    storageBucket: "phuket-treasure.appspot.com"
  };
firebase.initializeApp(config);

firebase.storage().ref('shop_images/utrec1.jpg').getDownloadURL().then(function(url) {
  // `url` is the download URL for 'images/stars.jpg'
  alert(url);
  // This can be downloaded directly:
  var xhr = new XMLHttpRequest();
  xhr.responseType = 'blob';
  xhr.onload = function(event) {
    var blob = xhr.response;
  };
  xhr.open('GET', url);
  xhr.send();

  // Or inserted into an <img> element:
  console.log(url)
  $("#testImg").attr('src', url)
}).catch(function(error) {
console.log(error)
  // Handle any errors
});