Javascript 使用jQuery将json中的图像路径插入数据表

下午好，我正在尝试将一个图像插入到我的数据表中。该值来自json文件。有5幅图像从PictureMetrogyImages返回。我正在尝试渲染第一个图像

下面是我的json中用于图像测量图像的一个片段

                "PictometryImages": [
                    {
                        "Pin": "14738849560000",
                        "ImageName": "14738849560000_east.jpg"
                    },
                    {
                        "Pin": "14738849560000",
                        "ImageName": "14738849560000_west.jpg"
                    },
                    {
                        "Pin": "14738849560000",
                        "ImageName": "14738849560000_north.jpg"
                    },
                    {
                        "Pin": "14738849560000",
                        "ImageName": "14738849560000_south.jpg"
                    },
                    {
                        "Pin": "14738849560000",
                        "ImageName": "14738849560000_down.jpg"
                    }
                ]
            },
            {
                "PIN": "14738858340000",
                "ClassCode": "106",
                "ClassCdDesc": "106 Homeowners Association",
                "NeighNumber": 9996001,
                "NeighName": "Homeowners Assoc",
                "SitusStreet": "3788 River Oak Cir",

这是jquery

  $(document).ready(
        function() {
            $('#example').dataTable({
                responsive: true, 
                "ajax": "/properties.json", 
                "columns": [{ "data": "PictometryImages" }, { "data": "PIN" }, { "data": "NeighName" }, { "data": "SitusStreet" }], 
                "fnRowCallback": function( nRow, data, iDisplayIndex ) { 
                    $('td:eq(0)', nRow).html('<img src="/_images/' + data.PictometryImages[0].ImageName[0] + '"/>');
                    return nRow;
                },
                "fnRowCallback": function( nRow, data, iDisplayIndex ) {
                    $('td:eq(1)', nRow).html('<a href="/_pages/details.html?gpin=' + data.PIN + '">' + data.PIN + '</a>'); 
                    return nRow;
                }, 
                "aaSorting": [[1,'asc']],
                "aoColumnDefs": [{ "bSortable": false, "aTargets": [ 0 ] }]
            });
        }
    );

$（文档）。准备好了吗(
函数（）{
$（'#示例'）。数据表({
回答：是的，
“ajax”：“/properties.json”，
“列”：[{“数据”：“图像测量图像”}，{“数据”：“PIN”}，{“数据”：“NeighName”}，{“数据”：“SitusStreet”}]，
“fnRowCallback”：函数（nRow、数据、iDisplayIndex）{
$（'td:eq（0）”，nRow.html（“”）；
返回nRow；
},
“fnRowCallback”：函数（nRow、数据、iDisplayIndex）{
$（'td:eq（1）”，nRow.html（“”）；
返回nRow；
}, 
“aaSorting”：[[1，'asc']]，
“aoColumnDefs”：[{“bSortable”：false，“aTargets”：[0]}]
});
}
);

它不渲染图像，而是渲染以下内容：

[对象对象]，[对象对象]，[对象对象]，[对象对象对象]，[对象对象]

任何帮助都将不胜感激。我对这个很陌生

---

谢谢，

不会

数据。图像计量图像[0]。图像名称[0]

只是

“1”

？我会删除最后一个

[0]

。保留[0]或删除它仍然会为我提供作为Picturometry图像一部分的五个对象。我想从PictureTometryImages渲染第一个图像。data.PicteMetroyImages[0]。ImageName也不起作用。因此，显然不能有两个FNROW回调函数。最后，我将Picturometry图像代码添加到第二个fnRowCallback函数中，它就可以工作了。代码如下：“fnRowCallback”：函数（nRow，data，iDisplayIndex）{/$（'td:eq（0）'nRow）.html（“”）；$（'td:eq（1）'nRow）.html（“”）；return nRow；}，是的，实际上它是一个JavaScript对象属性：JSON中不能有两个同名字段。