從JSON數據顯示圖像？

該JSON的網址是http://api.bfhstats.com/api/playerInfo?plat=pc&name=1ApRiL&output=js 從JSON數據顯示圖像？

在線16它包含部分「imgLarge」，我試圖讓我的網站上顯示的圖像。當我將數據解析到我的網站時，它目前只是顯示字符串，而不是實際的圖像。

這是我目前擁有的代碼：

$("#playerstuff").submit(function() { 
    $.ajax({ 
     type: "GET", 

     url: 'http://api.bfhstats.com/api/playerInfo?plat=' + document.getElementById("platform").value +'&name=' + document.getElementById("playername").value, 
     //datatype : "json", 
     success: function(data) 
     { 
      document.getElementById("playerrank").innerHTML = 'gamingstats.ga/' +data["player"]["rank"].imgLarge; 
          $("#formpanel").hide(); 
          $("#dataret").show(); 
     } 
    }); 
    return false; 
});

的這種輸出然而這gamingstats.ga/bfh/ranks/r57.png不是實際的圖像的URL。

來源

2015-04-01 Stewartps

你需要做的''標籤，並設置'src'您要顯示的圖像。現在，你只需在你的'innerHTML'中添加一個字符串即可。 – 2015-04-01 17:43:33

謝謝，我將如何去在PHP中做這件事？ – Stewartps 2015-04-01 17:46:25

使用字符串連接。 '$ img =「」;' – 2015-04-01 17:48:56

改變這一行...

document.getElementById("playerrank").innerHTML = 'gamingstats.ga/' +data["player"]["rank"].imgLarge;

到...

document.getElementById("playerrank").innerHTML = '<img src="http://gamingstats.ga/' +data["player"]["rank"].imgLarge + '" />';

來源

2015-04-01 17:49:19 cmorrissey

非常感謝你的成功 – Stewartps 2015-04-01 17:51:06

從JSON數據顯示圖像？

回答

相關問題