数据表:使用mRender显示图像不起作用

时间:2014-11-12 22:44:25

标签: image datatables

参考此页:http://legacy.datatables.net/ref#mRender

我试图从数据库引用中显示图像。

我需要在第一列显示图像。

这是我到目前为止所得到的:

    $(document).ready(function () {
        var _dataTable = $('.datatable').dataTable({
            "aoColumns": [
              {
                  "mData": "logo",
                  "mRender": "[, ].name"
                    }

            ]
        });
    });


    $(document).ready(function () {
        var _dataTable = $('.datatable').dataTable({
            "aoColumnDefs": [{
                "aTargets": [0],
                "mData": "logo",
                "aoColumns": [{
                    "mRender": function (data, type, full) {
                        return '<img src="' + data + '"></>'
                    }
                }]
            }]
        });
    });

此时此刻有点过头了,感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

关闭,您只需使用full[]来访问数据:

"mRender": function (data, type, full) {
       return '<img src="' + full[0] + '"></>';
   }

需要注意的一些要点:

我假设您正在返回一个代表图像名称和字符串的字符串。文件路径,你在服务器上有一个图像文件夹。如果您将图像作为二进制数据存储在数据库中,则无法使用。

我使用full[0]假设图像路径是第一列数据 - 显然如果它不是第一列,则需要更改索引值。

返回的图像字符串必须是物理图像位置的完整路径,否则您必须在路径前面添加它以显示它。

另外,你在return语句的末尾错过了一个分号。