Issue loading image source from API with jQuery

1

I’m having some trouble loading an image from an API. I’ve tried everything I can to find the issue and even used F12 to pinpoint the issue but couldn’t find why it wasn’t finding the source correctly. This is from the Twitchtv API project.
Any help is very much appreciated.

var streamers = ["SypherPK", "Comster404", "dreamhackcs"];

streamers.forEach(function(name){
  $.getJSON('https://wind-bow.glitch.me/twitch-api/streams/'+name+'?callback=?', function(data){
    if (data.stream === null) {
      $('.box').append("<div class='row'><div class='col-md-1 col-xs-3'><img src='"+data.logo+"'></div><div class='col-md-1 col-xs-3'><p>"+name+"</p></div><div class='col-md-1 col-xs-3'>0</div><div class='col-md-2 col-xs-3'>Offline <font color='red'>&#9679</font></div>");
    } else if (data.stream === 'undefined') {
        $('.box').append("Account closed");
      } else {
        $('.box').append("<div class='row'><div class='col-md-1'><p>"+name+"</p></div><div class='col-md-1'>"+data.stream.viewers+"</div><div class='col-md-2'>Online <font color='green'>&#9679</font></div>");
      };
  });
});
2

Have you checked the Browser console? Also the Network tab?

My WAG guess is it could be something to do with mixed content (http/https)

4

Thank you very much. That fixed it :slight_smile:

5

F12 is the browser console :slight_smile: