Filament RichEditor 图片上传常见问题解答及解决方案

php

2024-03-23 16:45:24

使用 Laravel Filament 的 RichEditor 上传图片：问题与解决方案

作为一名 Laravel 开发者，我在使用 RichEditor 组件时遇到了一个问题：上传的图片没有存储在数据库中。经过一番研究，我找到了解决方法，并迫不及待地与大家分享。

问题：

使用 RichEditor 时，上传的图片没有存储在数据库中，这是由于以下原因造成的：

错误的数据库字段类型：默认情况下，RichEditor 使用 text 类型存储文本内容，这无法存储图像二进制数据。
未设置文件附件存储：RichEditor 需要配置文件附件存储，以确定图像应存储在哪里以及如何存储。

解决方案：

要解决这个问题，你需要执行以下步骤：

1. 更新数据库字段类型

将 body 列的类型从 text 更改为 longtext 或 mediumtext。这将允许你存储更大的文本内容，包括图像二进制数据。

2. 配置文件附件存储

在你的 config/filament.php 配置文件中，设置 file_attachments_disk、file_attachments_directory 和 file_attachments_visibility 选项。这些选项指定了图像应存储的磁盘、目录和可见性。

3. 更新 RichEditor 配置

在你的模型中，更新 RichEditor 的配置，以使用 fileAttachmentsDisk 和 fileAttachmentsDirectory 选项。

示例代码：

use Filament\Forms\Components\RichEditor;

$fields = [
    RichEditor::make('body')
        ->fileAttachmentsDisk('public')
        ->fileAttachmentsDirectory('uploads/rich-editor')
        ->fileAttachmentsVisibility('public')
        ->columnSpan(2)
        ->required(),
];