k01ken’s b10g

He110 W0r1d!

CakePHP3で画像を表示する

開発環境は、Windows 10 Professional(64bit)、CakePHP3.6.13、PHP 7.2.12。

CakePHP3で画像を表示させたい場合、

HTMLヘルパーを用いた基本

/webroot/img/ディレクトリ内に入れた画像(例えば、test.jpg)を、テンプレート内にて、

<?php
  echo $this->Html->image("test.jpg");
?>

という風に入力することで表示されます。

HTMLヘルパーを用いて、/webroot/img/ディレクトリ内にディレクトリを作り、画像を振り分けたい場合

/webroot/img/ディレクトリに、例えば、fruitsという名前のディレクトリを作り、その中に、grape.jpgという画像があって、それを表示したい場合は、テンプレート内にて、

<?php
  echo $this->Html->image("fruits/grape.jpg");
?>

という風に入力することで表示されます。

Htmlヘルパーを用いず、imgタグを直接書く場合

/webroot/img/ディレクトリ内に、test.jpgという画像があって表示させたい場合、テンプレート内にて、

<img src="/img/test.jpg">

と風に入力することで表示されます。

HTMLヘルパーを用いず、imgタグで直接書いて、/webroot/img/ディレクトリ内にディレクトリを作り、画像を振り分けたい場合

/webroot/img/ディレクトリに、例えば、fruitsという名前のディレクトリを作り、その中に、grape.jpgという画像があって、それを表示したい場合は、テンプレート内にて、

<img src="/img/fruits/grape.jpg">

と風に入力することで表示されます。


参考リンク
【CakePHP】画像の使い方(htmlヘルパー) - 風の如く
Html - 3.7