如何加载使用Java API从API获取的图片

Question

var loadingImage = image.src(data.points_of_interest[i].main_image);
var bodystuff = document.createElement('img');
bodystuff.innerHTML = loadingImage,
bodystuff.innerHTML = loadingImage,
document.getElementById('outputs').appendChild(bodystuff);

那是我上面的Javascript，这是我的HTML；

<section id="outputs">    
</section>

API响应中的图像位置位于此处； data.points_of_interest[i].main_image

（请注意，它的格式为URL =“ https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Westminster_Abbey_West_Door.jpg/337px-Westminster_Abbey_West_Door.jpg ”）

（也是循环的，因此使用[i]）；

有任何指示吗？

我上面的代码仅在控制台中打印出URL。

谢谢

Answer 1

尝试这个：

var src = data.points_of_interest[i].main_image; // URL of the image
var bodystuff = document.createElement('img');
bodystuff.src=src;
document.getElementById('outputs').appendChild(bodystuff);