如何將圖像包含在json對象中以及如何檢索它

Question

請幫助我解決如何在json文件中存儲圖像以及如何檢索我已經嘗試的 。但我不能夠

$(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>

在這裏

Answer 1

你的代碼看起來相當不錯。只要改變你的HTML

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

然後在您的JavaScript（檢查each聲明jQuery的運行）：

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

製作舒爾圖像路徑是確定和你正確裝入JSON。