jquery - 使用 Ajax 从 JSON 文件添加图像的正确方法

Question

我很难使用 ajax 获取要显示的图像。不确定我是否做得正确，也找不到我正在尝试做的事情的例子。我可以获得要显示的数据，并且我确实将其包装在标签中。所有信息显示正常，但图像。这是我的代码。

$(document).ready(function(){
        $.getJSON("team.json", function(data) {
            $.each(data, function() {
                $.each(this, function(key, value) {
                    $("#team").append("<img src="value.image" />" +
                        "<h3>" + value.full_name + "</h3>" + "<h3>" +
                        value.title + "</h3>" +
                        value.tag_line + "<br>"
                    );
                });
            }); 
        });
    });

Answer 1

您应该转义引号src=或使用单引号。

Answer 2

您必须转义引号：

"<img src=\"" + value.image + "\" />";

或者像这样使用单引号：

'<img src="' + value.image + '" />'; 

Answer 3

"像这样逃脱

$("#team").append("<img src=\"" + value.image + "\" />"

或'像这样使用

$("#team").append("<img src='" + value.image + "' />" 

Answer 4

append("<img src="value.image" />" +

应该是（如果 value.image 是 base64 字符串）

append('<img src="data:image/jpg;base64,'+value.image+'" />'+

否则你只是使用了错误的引号

append('<img src="'+value.image+'" />' +