Question

由于我确定你要亲自去看，我在编码方面相对较新。我一直在努力从json文件中获取png图像以显示在我的codepen上。我已经尝试过在Stackoverflow搜索中找到的一些建议，但我尝试过的任何建议似乎都适用于我的情况。

这是指向我的codepen的链接： http://codepen.io/mbabaian/pen/MpjbZv

此时我尝试使用的代码是：

    var currentIcon = wd.current.condition.icon;
         // weather icon settings
  $("#current-icon").html("<img src='wd.current.condition.icon' alt='weather icon'/> ");

这里是图像所在的特定json数据：

https://api.apixu.com/v1/current.json?key=68629a769f564f9bb6450153170703&q=auto:ip

如果您需要我的任何其他信息，请与我们联系。提前谢谢。

Answer 1

只需使用

$("#current-icon").html("<img src='"+wd.current.condition.icon+"' alt='weather icon'/> ");

这是您更新的codepen

Answer 2

您创建 currentIcon ，使用它

$("#current-icon").html('<img src="'+currentIcon+'" alt="weather icon"/>');

将png图像从json链接到html

2 个答案: