Question

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

这样的img标签

但是我不知道实现它会更好，以及将哪种类型的字段作为基础。

            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/和四舍五入的类。

如何防止添加？

Answer 1

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);})

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

Answer 2

为图像网址覆盖thumbnail和preview

尝试下面的代码段

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

Laravel Nova：如何显示二进制字符串中的图像？

2 个答案: