フロントエンドにデータベースやディスプレイからの画像パスを取得します（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;