PHPでページにDBから直接画像を表示する方法

Question

PHPでDBから直接ページに画像を複数表示する方法を探しています。
一度DBから取り出して保存し、そこからHTMLのimgタグで表示するという方法は試しました。そうすると、たくさん表示させる時に保存させる量が増えるので、できれば直接DBから表示させたいのですが、可能でしょうか？

作ろうとしているのは、画像をアップしていくSNSのようなもので、HPに最新の画像を複数枚表示しようと試みています。

Answer 1

画像を取得するためのurlと、htmlを表示するためのurlを別々でやる方法

例) 画像表示

// image.php
$file_name = $_REQUEST['name'];
$binary = "file_nameを元にDBから取り出したのバイナリデータ";
header('Content-Type: image/png;'); // ブラウザにレスポンスを画像として扱ってもらう
echo $binary;

※image/pngとなっている箇所は画像の形式にあわせて変えてください。

例) HTML表示

<img src="image.php?name=sample.png">

この方法の注意点としては、アクセスが来てもこのままではキャッシュが効かないことです。headerでLast-Modifiedを返す、送られてきたリクエストのIf-Modified-Sinceを調べて適切に304 Not Modifiedを返すようにすればキャッシュが正しく働くようになります。あと、手抜きでContent-Length等も入れていないので、しっかりやるならそのへんのヘッダも正しく入れましょう。

直接HTMLにbase64エンコードした画像データを埋め込む方法

<?php
  $file_name = $_REQUEST['name'];
  $binary = "DBから取り出したのバイナリデータ";
?>
<img src="data:image/png;base64,<?php echo base64_encode($binary); ?>">

※image/pngとなっている箇所は画像の形式にあわせて変えてください。

この方法の注意点としては、「HTMLに直接埋め込むためそもそもキャッシュが効かない」ということです。数kbのアイコン画像などではまだ許容されますが、あまり大きな画像をこの方法で埋め込むと通信量が相当な負荷になります。しかもbase64エンコードするのでバイナリが文字列へ変換され、本来のファイルサイズの2倍から3倍の大きさに膨れ上がります。さらにサイズ増加によりHTML本体のダウンロードに時間がかかるようになるため、ページ遷移にももたつきを感じるようになります。

Comments

[MiyaTatu]

丁寧な回答本当にありがとうございます！ひとつひとつ調べて試してみます！！

[masaya_ohashi]

注意点追記しました。

Answer 2

質問に対する回答ではありませんが、別の方法の紹介ということで。
DBには画像の保存先を記録しておくだけで、実際に画像の保存はファイルやオブジェクトストレージを使うという方法もあります。

画像をDBに格納するメリットデメリットはこちらで議論されていますので参考までに。