Javascript 如何在服务器端数据表中显示Base64映像？

这是我的HTML，用于将服务器端数据加载到从控制器获取数据的数据表中

Ajax请求转到mvc控制器并获取列表，该列表已加载到模型，但未显示我的数据表

var表；
var loadtable=函数（）{
var getUrl=$（“#hidLoadMembersUrl”）.val（）；
var tmpl=..template（$（“#表脚本”）.html（）；
表=$（“#tblloaddata”）.DataTable({
“处理”：对，
“服务器端”：正确，
“ajax”：{
url:getUrl，
类型：“职位”
},
“栏目”：[
{“数据”：“名称”，“标题”：“名称”}，
{“数据”：“电话号码”，“标题”：“电话号码”}，
{“数据”：“CNIC”，“标题”：“CNIC”}，
{“数据”：“So”，“标题”：“SoDoWoName”}，
{“数据”：“拇指”，“标题”：“拇指”}，
{“数据”：“图像”，“标题”：“图像”}，
{“数据”：“提名图像”，“标题”：“提名图像”}，
{“data”：null，“title”：“Action”，“orderable”：“false”}，
],
“rowCallback”：函数（行、数据）{
控制台日志（数据）；
$（row.html（tmpl（data））；
}
});
};

您应该使用

渲染

属性来显示图像

table = $("#tblloaddata").DataTable({
  "processing": true,
  "serverSide": true,
  "ajax": {
    url: getUrl,
    type: "POST"
  },
  "columns": [
    { "data": "Name", "title": "Name" },
    { "data": "PhoneNumber", "title": "PhoneNumber" },
    { "data": "CNIC", "title": "CNIC" },
    { "data": "So", "title": "SoDoWoName" },
    { "data": "Thumb", "title": "Thumb" },
    { "data": "Image", "title": "Image", render : function (data, type, full, meta) 
                                         { return '<img src="'+data.Image+'"/>'; }
    },
    { "data": "NomineeImage", "title": "NomineeImage" },
    { "data": null, "title": "Action", "orderable": "false" },
  ],
  "rowCallback": function (row, data) {
    console.log(data);
    $(row).html(tmpl(data));
  }
});

table=$（“#tblloaddata”）.DataTable({
“处理”：对，
“服务器端”：正确，
“ajax”：{
url:getUrl，
类型：“职位”
},
“栏目”：[
{“数据”：“名称”，“标题”：“名称”}，
{“数据”：“电话号码”，“标题”：“电话号码”}，
{“数据”：“CNIC”，“标题”：“CNIC”}，
{“数据”：“So”，“标题”：“SoDoWoName”}，
{“数据”：“拇指”，“标题”：“拇指”}，
{“数据”：“图像”，“标题”：“图像”，呈现：函数（数据，类型，完整，元）
{返回“”；}
},
{“数据”：“提名图像”，“标题”：“提名图像”}，
{“data”：null，“title”：“Action”，“orderable”：“false”}，
],
“rowCallback”：函数（行、数据）{
控制台日志（数据）；
$（row.html（tmpl（data））；
}
});

仍不工作未加载数据和图像当我加载不带base 64的数据时，图像数据加载完全没有错误当我加载列表中的base 64字符串时，数据未显示您是否查看了错误浏览器控制台？你应该调试它。使用“render”是最有效的执行方式。您可能需要添加正确的mime类型作为base64字符串的开头。。。应该开始了。选中此项：