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

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。

谢谢

最佳答案

尝试这个：

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

关于javascript - 如何加载使用Java API从API获取的图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41417414/