如何在json中显示来自api的图像?

时间:2018-02-05 02:57:01

标签: html json

我正在调用betterdoctor api并且我正在获取数据,我正在尝试显示json数据中的图像。但所有我回来的是图像的src。我如何显示图像?而不仅仅是图像的src。

for(i=0;i<data.data.length;i++){
list = list +
'<div class="user">' +
   '<p>' +data.data[i]['profile']['first_name']+ " " +data.data[i]
    ['profile']['last_name']+'</p>' +
   '<p>' + 'latitude is ' + data.data[i]['practices'][0]['lat']+ '</p>' 
    +
   '<p>' + 'longtitude is ' + data.data[i]['practices'][0]['lon']+ 
   '</p>' +
   <img src= data.data[i]['profile']['image_url'] alt="Mountain View">
   +
   '</div>' 
    }

1 个答案:

答案 0 :(得分:0)

根据Robby Cornelissen的评论,您可能希望将URL放在img标记内。

for(i=0;i<data.data.length;i++){
list = list +
'<div class="user">' +
   '<p>' +data.data[i]['profile']['first_name']+ " " +data.data[i]
    ['profile']['last_name']+'</p>' +
   '<p>' + 'latitude is ' + data.data[i]['practices'][0]['lat']+ '</p>' 
    +
   '<p>' + 'longtitude is ' + data.data[i]['practices'][0]['lon']+ 
   '</p>' +
   '<p><img src="' + data.data[i]['profile']['image_url'] + '"/></p>' +
   '</div>' 
    }