FilamentPHP文件上传组件编辑/更新时图片不显示问题

出现这种问题的核心原因是Filament无法正确识别S3存储中已保存的文件路径，或者模型字段未返回正确的文件访问地址，以下是具体解决步骤：

• 配置模型字段访问器
  给模型添加photo字段的访问器，确保返回S3文件的完整公共URL：

  public function getPhotoAttribute($value)
  {
      if (!$value) {
          return null;
      }
      return \Illuminate\Support\Facades\Storage::disk('s3')->url($value);
  }
  

• 规范文件存储路径
  给FileUpload组件添加文件名存储规则，确保保存的是S3目录下的相对路径而非完整URL：

  Forms\Components\FileUpload::make('photo')
      ->disk('s3')
      ->directory('image')
      ->visibility('public')
      ->acceptedFileTypes(['image/jpeg', 'image/png','image/webp'])
      ->getUploadedFileNameForStorageUsing(function (\Filament\Forms\Components\FileUpload\TemporaryUploadedFile $file) {
          return $file->hashName();
      })
  

• 检查S3磁盘配置
  确认config/filesystems.php中的s3磁盘配置正确，重点验证url和visibility参数：

  's3' => [
      'driver' => 's3',
      'key' => env('AWS_ACCESS_KEY_ID'),
      'secret' => env('AWS_SECRET_ACCESS_KEY'),
      'region' => env('AWS_DEFAULT_REGION'),
      'bucket' => env('AWS_BUCKET'),
      'url' => env('AWS_URL'),
      'endpoint' => env('AWS_ENDPOINT'),
      'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
      'visibility' => 'public',
  ],
  

• 验证模型数据正确性
  在编辑页加载时，打印$record->photo确认字段值是S3上的有效相对路径，而非空值或错误地址。

内容的提问来源于stack exchange，提问作者Muhammed Fayaz