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+'" />' +

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

4 个答案: