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

我很难获取使用ajax显示的图像。不知道我是否做得对，也不能找到我想要做的事情的例子。我可以获取要显示的数据，并且我确实将其包装在标签中。所有的信息都可以显示，但图像。这是我的代码。使用Ajax从JSON文件添加图像的正确方法

$(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>" 
        ); 
       }); 
      }); 
     }); 
    });

来源

2013-06-30 user1890525

正面图像源是正确的路径？ – tymeJV

你是否错过了一些'+'s并且转义或者替换引号？ '“

Thanks Matt! After adding the +'s in 它的工作原理。 – user1890525

您应该在src=之间跳过引号或使用单引号。

来源

2013-06-30 19:07:27

你必须逃离报价：

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

或者使用单引号是这样的：

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

来源

2013-06-30 19:08:27 Lian

逃离"这样

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

或使用'像这

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

来源

2013-06-30 19:09:21

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

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

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

否则你只是使用了错误的报价

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

来源

2013-06-30 19:09:26

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

回答

相关问题