CakePHPで,MySQLに保存した画像をHTMLヘルパーを使って表示する方法は？？

プログラム初心者です。

MySQLに保存している画像を、
HTMLヘルパーで表示するにはどのように書けばいいでしょうか？

ちなみに今は、viewのとこに、
下記のようにコードを記述していて、

lang
1<dt><?php echo __('Image'); ?></dt>
2    <dd>
3        <?php echo $this -> Html->image('/contents/'."{$user['User']['id']}", array('alt' => 'ProfileImage')); ?>
4        &nbsp;
5    </dd>

ブラウザではこのように表示されます…。
↓
![イメージ説明]WIDTH:348

どのように書けば画像表示されるのでしょうか…？？

どなたか教えて頂けますと幸いです。。。

よろしくお願いします

lv_sane

2015/03/04 06:09

タイトルが「de」になっているので「で」に変更お願いします。

KinoshitaYusaku

2015/03/04 06:11

ご指摘ありがとうございます。変更しました!

行動規範の内容に同意します

回答3件

HtmlHelper::image は、デフォルトではapp/webroot/img を参照するようですね

CakePHPでimgディレクトリ以外の画像を表示するには - ノイズビンにあるように、/ をパス指定の先頭に追記することでapp/webroot/ を起点に自由に参照ディレクトリを変えられるのですね

さて、<?php ... image('/contents/'."{$user['User']['id']}", ...); ?> と記述していますが、この出力結果はブラウザで確認されましたでしょうか

どのようにアプリケーションが作成されているかはわかりませんが：

アップロードされたプロフィール画像がapp/webroot/contents/[user_id][file_extention] の形式で保存されているとした場合

記述通りID だけであればおそらく出力結果に拡張子がないので、ファイルの拡張子を付与する必要があるかもしれません

そうではなく、User テーブルにファイルパスを格納しているカラムがあるのなら、そちらを参照するようコードを書き換える必要があるでしょう
eg. ... image("/contents/{$user['User']['profile_image_filename']}"); ...

Chrome ほか、ブラウザに用意されている開発者ツールを使って出力されたソースを見てみるのも、問題解決の糸口をつかむひとつの方法です

投稿2014/12/30 17:22

gouf

総合スコア2321

KinoshitaYusaku

2015/01/02 10:46

goufさん、ありがとうございます！ HtmlHelper::image は、デフォルトではapp/webroot/img を参照するのですね…！なるほど！！！そこがよく分かってなかったので、<?php ... image('/contents/'."{$user['User']['id']}", ...); ?>はどこかのサイトのQ&Aを参照にしてテキトーに指定してました。。。画像はMySQLのusersテーブルのcontentsカラム内に保存していたので、下記のように記述を変更したら画像表示されました！ echo $this -> Html->image('http://●●●●.sakura.ne.jp/cakeSNS/users/contents/'."{$user['User']['id']}", array('alt' => 'ProfileImage')); ?>

行動規範の内容に同意します

基本的にはtakayukiinabaさんの方法が良いと思います。
他の方法として、画像のバイナリデータをbase64エンコードしてHTMLに埋め込む方法もあります。
Viewなどで・・

PHP
1<?php
2$img = base64_encode($user['User']['Image']);
3?>
4<img src="data:image/gif;base64,<?php echo $img; ?>">

などとすればよさそうです。

参考URL
http://kaworu.jpn.org/kaworu/2008-04-06-1.php

サムネイルなどの小さい画像であればbase64方式が簡単かもしれませんが、大きい画像だとHTMLが馬鹿でかくなるのでお勧めできません。
別コントローラーの方式だと直リンクされた場合画像を見せたくない場合はいろいろ考慮が必要です。

一長一短あるので合わせて使い分けるのがよさそうです。

投稿2016/07/01 06:12

CodeLab

総合スコア1939

イメージ表示コントローラ
class ImageController extends AppController {

public $name = 'Image';
public $uses = array('TImage');
public $autoRender = false;
public $autoLayout = false;

// 初期処理
public function beforeFilter() {
    parent::beforeFilter();
}

// 登録イメージ描画処理
public function imageview(){
    $param = $this->params['url']['cd'];

    $rec = $this->TImage->getTImage($param);
    header("Content-type: " . $rec[0]['t_image']['type']);
    echo $rec[0]['t_image']['image'];
}

}

テーブル定義
CREATE TABLE IF NOT EXISTS t_image (
imagecd int(11) NOT NULL,
cmt varchar(300) DEFAULT NULL COMMENT '画像コメント',
type varchar(50) DEFAULT NULL COMMENT '画像タイプ',
image longblob COMMENT '画像',
name varchar(300) DEFAULT NULL,
size int(11) DEFAULT NULL,
width int(11) DEFAULT NULL,
height int(11) DEFAULT NULL,
delflg tinyint(2) NOT NULL DEFAULT '0',
insdt timestamp NULL DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '登録日時'
) ENGINE=MyISAM AUTO_INCREMENT=272 DEFAULT CHARSET=utf8 COMMENT='イメージ登録テーブル';