时间戳

首页 > 解决方案 > Laravel Nova：如何从二进制字符串显示图像？

laravel - Laravel Nova：如何从二进制字符串显示图像？

问题描述

我将 PNG 的二进制内容保存在数据库中。我想在页面上显示这个 PNG，而不在磁盘上临时保存文件。我认为需要生成 img 标签<img src="data:image/png;base64,......

但是我不明白如何更好地实现它以及以什么类型的字段为基础。

            Image::make('Image')->displayUsing(function($item) {
                $mime_type = 'image/png';
                return 'data: ' . $mime_type . ';base64,' . base64_encode($item);
            }),

但是 Laravel Nova 生成了：

<img src="http://172.18.0.3/storage/data: image/png;base64,......" class="rounded-full w-8 h-8" style="object-fit: cover;">

添加了不必要http://172.18.0.3/storage/的圆形课程。

如何防止它添加？

标签： laravellaravel-nova

解决方案

Laravel Nova 2.0.1 的工作代码：

Image::make('QRCode', 'qrcode')->thumbnail(function($value, $disk) {
    return 'data: image/png;base64,' . $value;
})->preview(function($value, $disk) {
    return 'data: image/png;base64,' . $value;
})->displayUsing(function($value) {
return  base64_encode($value);})

还需要rounded-full从field.thumbnailUrl?t("img",{staticClass:"rounded-full w-8 h-8",文件 public\vendor\nova\app.js 中删除

推荐阅读