如何从Java脚本中的HTTP源返回图像

Question

我有一个包含数据的词典列表，其中每个词典都有一个键“ picture”和一个值作为图像源（http）。“图片”：“ http：// ....”以及其他键：值集。

我需要返回一个HTML页面，其中包含与词典相关的名称和图像列表。

我设法返回了一个名称列表，但是当我尝试返回图像时，它将图像源作为字符串返回。

function add_people(data) {

    var element = document.getElementById('people');

    var list = "<ul>";

        for (var i=0; i<data.length; i++) {

            list += "<li>"

                + data[i].name

                + data[i].picture

                + "</li>"

        }

    list += "</ul>";

    element.innerHTML = list

}

此函数返回带有图像来源的名称列表，但不返回图像本身，例如

佩兹船长：//robohash.org/8c4b1b5a-bb8f-489b-8102-a1e9634627e0

感谢您的帮助，谢谢。