如何使用数据库中的base64字符串来显示图像

时间:2017-07-20 01:57:04

标签: javascript jquery ajax datatables

如何使用数据库中的base64字符串显示图像?我无法通过使用jQuery DataTables看到任何转换它的函数。

oTableImage = $('#tbl_image').DataTable({
        "processing": true,            
        "destroy": true,
        "paging":false,
        "bFilter": false,
        // "scrollY": "200px",
        "ajax":{
            "type":"POST",
            dataType: "json",   
            "url":"{{ URL::to('ajax/per-seller-image') }}",
            "data":function(d){
                d.rtd_id =rtd;
            }
        },

        "columns":[
            {data: 'start_image', name: 'start_image'}
        ]
    });
});

2 个答案:

答案 0 :(得分:1)

您可以在HTML中显示base64编码的图像,如下所示:

<img src="data:image/png;base64,xxxxxxxxxxBASE64_HASHxxxxxxxx===">

然后在DataTable中呈现<img>标记:

"columns": [
    {
        "render": function (data, type, row) {
            return '<img src="data:image/png;base64,' + row.start_image + '">';
        }
    }
],

答案 1 :(得分:0)

Base64数据将由浏览器自动呈现。你不必转换。