根据JSON更改图像的src属性

Question

这是div：

<div id="img-container">
  <img id="upSlika" src="#"/>
</div>  

这是JSON的回应：

{"pictureUrl":"url"}

如何将图片来源更改为上面回复中收到的网址？

Answer 1

假设您的json存储在以下变量json中：

var json = {"pictureUrl": "url"};

使用以下代码，您要做的是使用src将属性img设置为元素id="upSlika"：

$("#upSlika").attr("src", json.pictureUrl);

您可以查看文档jQuery ID Selector和jQuery .attr()

Answer 2

您可以使用attr()函数在jQuery中更改图像的src。 请参阅documentation。

尝试下面的代码：

//get the json to data variable
var data = {"pictureUrl":"url"};

$("#upSlika").attr("src", data.pictureUrl);