cakephp2にてmySQLより画像表示をしたい（helperを使わず）

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
PHP(CakePHP)で画像表示システムを作っています。
mysqlにblob型で登録するところまではできたのですが、
viewからimgでhelperを使わず表示するところで苦戦しています。

よろしくお願いいたします。

###該当のソースコード

view

<img src="Path/Basics/imgview?id=1" alt=""/>

BasicsController

public function imgview() {
		$this->autoRender = false;
		$id = getRequestParams($this->request, 'id');
		$data = $this->Basic->Photodata($id);
		header('Content-type: image/jpeg');
		echo( $data );
	}

model

public function Photodata($id) {
		$SQL = "SELECT * FROM `students_photo` WHERE `ID`='$id';";
		$res = $this->query($SQL);
		return $res[0]['students_photo']['photo'];
	}

mySQL

CREATE TABLE IF NOT EXISTS `students_photo` (
  `ID` int(11) NOT NULL AUTO_INCREMENT,
  `gakuseki_id` varchar(100) DEFAULT NULL,
  `photo` longblob,
  `photo_mime` varchar(255) DEFAULT NULL,
  `photo_size` bigint(20) DEFAULT NULL,
  PRIMARY KEY (`ID`)
) ENGINE=MyISAM  DEFAULT CHARSET=ujis

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)
cakephp2
mysql

Comments

[popobot]

このコードでもあっているように見えますが、ブラウザからアクセスするとどのように表示されるのでしょうか？

[bicycle8080]

ありがとうございます！srcのなか部分をフルパスでそのままブラウザに打つと、なにも表示されません。

[popobot]

debug()等でデータが正しく取得できているかみてみたらどうでしょうか

[bicycle8080]

debug()で表示すると、バイナリー部分が表示できないようになっているのか、真っ白です。ただ、mime等の情報はDBから取得できていることを確認できています。また、cakephpでは無い他のシステムで表示できている画像を今回のDBにインポートしても同じ現象がおきます。

[popobot]

ブラウザのデベロッパーツールでレスポンスを見るとバイナリっぽい文字化けした文字が表示されますか？

[bicycle8080]

Chromeのデベロッパーツールでみると、エラーでload resource: net::ERR_CONTENT_LENGTH_MISMATCHとなっています。

Answer 1

（続きはこちらに...)

エラーでload resource: net::ERR_CONTENT_LENGTH_MISMATCHと出ていることからCakephpとは別の部分で問題がおきているようですね
nginxだったら、以下が参考になりそうかと
nginxでのERR_CONTENT_LENGTH_MISMATCHの解決法

Answer 2

自己解決といいますか、
バイナリーデータを配列に格納し、
<img src="data:'.$photo['mime'].';base64,'.base64_encode($photo['data']).'" width="100">
とすることで表示できました。

が、多くの質問と回答をwebでみているとControllerを介して表示する方法が書かれています。
これで解決といえるのでしょうか？

とりあえず表示はできましたが、モヤモヤは残ったままです。

Comments

[kunai]

Controllerで処理すると言うのは、画像のバイナリデータをViewに渡して、同様にdata:で引き渡す方法かと思います。
この場合、画像を取得するためのHTTP通信を減らす事が出来る為、通信コスト的には優位ですね。
ただ、bicycle8080さんの実装方法のように、画像データを返却するControllerを別で用意するやり方を取ると、画像表示周りの処理はそのControllerに機能分離する事が出来、他のController(やView)からも共通して利用できる仕組みとしやすい利点があります。
複数のControllerで共有するならComponentという手段もありますが。
どちらが正しいという事はない問題ですので、好みで設計を決められて良いかと思います。

[bicycle8080]

たしかにHTTP通信は減りますね。
Componentも調べて見ます！

ありがとうございました！

Answer 3

HTMLで画像の生データを表示させる場合、base64エンコードしてdata:指定する必要があります。

<img src="data:image/png;base64,<?php echo base64_encode(file_get_contents('Path/Basics/imgview?id=')); ?>">

PNG画像なのかどうかわかりませんが。
画像種別迄見るのであれば、いきなりIMGタグに書くのではなく、まず画像URLにアクセスし、header情報からMIME-TYPEを取得して表示する感じですね。

Comments

[bicycle8080]

ありがとうございます☆

説明不足で申し訳ございません。
mimeはDBに保存してあるので、そこから持ってくる予定です。
今はテストでjpegを表示させようとしているところです。

上記ためしてみましたが、
file_get_contents(/Path/demo/Basics/imgview?id=1): failed to open stream: No such file or directory

となり、表示されない状況です。
引き続きよろしくお願いいたします。

[kunai]

あー、file_get_contentsは、パス形式だとローカルパスで参照されますね。
URL形式で

file_get_contents('http://www.example.com/Path/demo/Basics/imgview?id=1');

等のように正しいURLを設定してみていただけますか？
ちなみにわかっていらっしゃると思いますが、jpegで表示する場合はIMGタグのdata:を
data:image/jpeg;
にしてください。

[bicycle8080]

ありがとうございます。
jpegにして、正しいURLをいれてみたのですが、同じエラーが表示されてしまいます。