从数据库获取图片路径并显示在前端（Octobercms）

Question

这是我的页面

page.htm（标记） - 我设法获取图像名称，但我无法获取图像源

<img id="avatar-image" alt="Jason's Image" src="{{ avatar_id }}"/>

{{ file_name }} // working       
{{ avatar_id }} // not working

page.htm(代码)

function onStart()
{
    $var = \System\Models\File::where("field", "=", "avatar")->first();
    $this["file_name"] = $var->file_name;
    $this["avatar_id"] = $var->path;
}

我的模特

model.php

class Settings extends Model
{
    public $implement = ['System.Behaviors.SettingsModel'];

    public $settingsCode = 'dca_plugins_settings';

    public $settingsFields = 'fields.yaml';

    public $attachOne = [ 'avatar' => ['System\Models\File'] ];
}

field.yaml

fields:
  id:
    label: ID
    disabled: true

  name:
    label: Image

  avatar:
    label: Avatar
    type: fileupload
    mode: image
    imageHeight: 150
    imageWidth: 250

谁能告诉我如何获取路径（图片来源）？

Answer 1

按照文档：

getPath() 方法返回上传的公共文件的完整 URL。 以下代码将打印类似 ...mysite.com/uploads/public/path/to/avatar.jpg

在你的情况下，会是这样的：

$setting = Settings::first(); // Gets some settings model.
$avatar = $setting->avatar;
$avatarPath = null;

// Check if setting has an attached avatar.
if ($avatar) {
  $avatarPath = $avatar->getPath(); // Uploaded public file.
}

例如，通过 PHP 部分注入到 Twig 环境中。

$this['avatar_path'] = $avatarPath;