显示来自 JSON 数据的图像？

Posted 2023-03-12

【中文标题】显示来自 JSON 数据的图像？

【英文标题】：Show Image from JSON data?

【发布时间】：2015-04-01 17:39:47

【问题描述】：

JSON URL 是http://api.bfhstats.com/api/playerInfo?plat=pc&name=1ApRiL&output=js

在第 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;
);

这个输出的 URL 是 gamesstats.ga/bfh/ranks/r57.png 但不是实际的图像。

【问题讨论】：

您需要制作一个<img src='' /> 标签并将src 设置为您要显示的图像。现在，您只是在innerHTML 中添加一个字符串。

谢谢，我将如何在 php 中执行此操作？

使用字符串连接。 $img = "<img src='".$url."' />";

成功了，谢谢！

【参考方案1】：

改变这一行...

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

到...

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