Laravel 5 如何在yajra datatable列laravel5.3中显示图像

我正在datatable中为图像添加一列，如下所示：

->addColumn('product_brand_logo', function ($product_brand) {
    return '<img src="{{ URL::to('upload/image')'.$img->image.'" border="0" width="40" class="img-rounded" align="center" />';

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

---

使用laravel 5.3，yajra datatable 6.0

您没有在

src

属性中关闭

{

，请尝试以下操作：

->addColumn('product_brand_logo', function ($product_brand) { 
       $url=asset("uploads/image/$product_brand->image"); 
       return '<img src='.$url.' border="0" width="40" class="img-rounded" align="center" />'; 
});

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

->addColumn（'product\u brand\u logo'，function（$product\u brand）{
$url=asset（“上传/image/$product_brand->image”）；
返回“”；
});

要在DataTable中显示图像，我们需要使用列上的渲染函数来显示图像。您可以定义自己的渲染函数。在我们的示例中，我们希望渲染图像，如下所示

render: function( data, type, full, meta ) {
            return "<img src=\"/path/" + data + "\" height=\"50\"/>";
        }

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

render:函数（数据、类型、完整、元）{
返回“”；
}

整体看起来像这样-

<script>
    $( function() {
        $( '#users-table' ).DataTable( {
            processing: true,
            serverSide: true,
            ajax: "{!! route('route_name') !!}",
            columns: [
                { data: 'id', name: 'id' },
                { data: 'avatar', name: 'avatar',
                    render: function( data, type, full, meta ) {
                        return "<img src=\"/path/" + data + "\" height=\"50\"/>";
                    }
                },
                { data: 'email', name: 'email' },
            ]
        } );
    } );
</script>

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

$（函数（）{
$（“#用户表”）。数据表（{
处理：对，
服务器端：是的，
ajax:“{！！路由（'route_name'）！！}”，
栏目：[
{数据：'id'，名称：'id'}，
{数据：'化身'，名称：'化身'，
呈现：函数（数据、类型、完整、元）{
返回“”；
}
},
{数据：'email'，名称：'email'}，
]
} );
} );

---

希望这能有所帮助

我遇到了几乎相同的问题…通过我的

UserController

中的以下代码解决了这个问题

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

在我的示例中，我没有将图像保存在DB中，只有要访问的图像的名称以及存储在项目中的图像名称

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

很好，很有效

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

->addColumn（'image'，函数（$user）{$url=asset（“uploads/image/$user->avatar”）；
如果使用的是数据表7.0，则返回“”；}）；

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

然后您可以使用

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

如果要呈现html内容，请使用rawColumns api

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

returndatatables:：of（$artists）->addColumn（'image'，function（$artist）{
$url=资产（'storage/'。$artist->image）；
返回“”；
})->addColumn（'action'，函数（$artist）{
返回'
';
})->rawColumns（['image'，'action']）->make（true）；

您可以通过以下代码执行此操作

          {data: 'logo', name: 'logo',
            render: function( data, type, full, meta ) {
                return "<img src=\"/images/clients/" + data + "\" height=\"150\" 
                alt='No Image'/>";
            }
            }

{数据：'logo'，名称：'logo'，
呈现：函数（数据、类型、完整、元）{
返回“”；
}
}

你在哪里做的

->addColumn…

？这里是教程语法错误，意外的“上载”（T_字符串），应为“；”尝试更新的答案，不需要使用刀片语法：）我尝试了，但从datatable

DataTables得到错误警告：table id=users table-Ajax错误。有关此错误的更多信息，请参阅http://datatables.net/tn/7

我想这是

$product\u brand->image

不是

$img->image

的问题这是我的代码，我希望它能帮助其他任何人

->addColumn（'product_brand_logo'，function（$product_brand）{$url=asset（“uploads/image/$product_brand->image”）；return“”；