如何使用Javascript加载从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

（请注意它采用网址格式=＆＃34; https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Westminster_Abbey_West_Door.jpg/337px-Westminster_Abbey_West_Door.jpg＆＃34;）

（也是循环，因此使用[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);