how to include image in json object and how to retrieve it

Question

please help me in solving how to store image in json file and how retrive it i have already tried . but i am not able to

$(document).ready(function () { var jsonURL = "data/data.json"; $.getJSON(jsonURL, function (json) { var imgList= ""; $.each(json.products, function () { imgList += '<li><img src= "' + this.imgPath + '"></li>'; }); $('#dvProdList').append(imgList); }); });

<div> <ul></ul> </div>

it here

what does your this in the each evaluates to?

callback
– callback

2016-04-12 08:03:06 +00:00
Commented Apr 12, 2016 at 8:03 — callback
– callback, Commented Apr 12, 2016 at 8:03

cor · Accepted Answer · 2016-04-12 08:11:17Z

Your code looks quite well. Just change your HTML

<div> <ul id="dvProdList"></ul> </div>

And then in your javascript (check how each statement works in jquery):

 $.each(json.products, function (index, product) { imgList += '<li><img src= "' + product.imgPath + '"></li>'; }); $('#dvProdList').html(imgList);

Make shure your image paths are ok and you are loading the json correctly.

Collectives™ on Stack Overflow

how to include image in json object and how to retrieve it

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related