HOME>WEBプログラム覚書>[PHP]MySQLを利用した画像の保存と出力

[PHP]MySQLを利用した画像の保存と出力

PHPで画像を取得してMySQLに保存、そしてMySQLからデータを取得して表示させる方法をそろそろ書かないとまずい気がしたので書いておきます。画像をデータベースに保存するのには、とても重要な意味があります。

その前に、まずは仕組みから。

仕組み

特に難しいことはないのですが、意外と知らない人も多いのではないでしょうか？僕もPHPやる前は知りませんでしたw

上図が画像ファイルにアクセスして表示されるまでの簡単な流れです。まぁこの流れ自体は別にどうでもよくて、今回もっとも重要になるのがレスポンスヘッダのcontent-typeです。 content-typeに絡むWEBサーバとブラウザの役割は、

WEBサーバ

拡張子に応じて適切なcontent-typeをheaderに含めてレスポンスする。

ブラウザ

レスポンスに含まれるcontent-typeに応じたレンダリングを行う。

になります。つまり、

ブラウザにとっては「.jpgだから画像なのではなく、Content-typeがimage/jpegだから画像」なのです。逆に言うと「Content-typeがimage/jpegなら.phpでも.htmlでもブラウザは画像として処理する」のです。

同じファイルをContent-typeを変えて表示した場合のサンプル

Content-type: image/jpeg

PHP

<?php
$img = file_get_contents('./img.jpg');
header('Content-type: image/jpeg');
echo $img;
?>

Content-type: text/html

PHP

<?php
$img = file_get_contents('./img.jpg');
header('Content-type: text/html');
echo $img;
?>

画像の種類に応じたcontent-typeをレスポンスしてあげればよいということです。あとはブラウザががんばって処理してくれます。

また通常はWEBサーバ(apacheなど)が、拡張子に応じて適切なContent-typeを返してくれるので content-typeについてあれこれ考える必要はありません。

じゃあなぜこんなことを説明してるのか？

データベースに保存した様々な種類の画像(jpg、gif、pngなど)を扱う場合など一つのファイルで様々な種類の役割ができると、とても便利です。

クライアント(htmlのimgなど)は、どのkeyを指定したらどんな画像が出てくるのかさえわかっていればよく画像の拡張子を気にしなくて済むからです。

ですがその場合、WEBサーバは適切なContent-typeを出力できないので、自分で指定してあげる必要があるのです。上記のことがわかってないと「画像が表示されない！」「文字化け？」というように悩むことになるので予め説明しました。

MySQLデータベースの作成

適当にテーブルを作成。

SQL

CREATE DATABASE secret;
CREATE TABLE images (
id INT NOT NULL AUTO_INCREMENT,
ext VARCHAR(5),
contents BLOB,
PRIMARY KEY (id)
);

バイナリを扱えるblob型はサイズにより4種類あるので状況に合わせて選択します。

参照サイト

MySQL :: MySQL 5.1 リファレンスマニュアル (オンラインヘルプ) :: 6.4.3 BLOB と TEXT 型

画像の取得とデータベースへの保存

insert.php

<?php
// 画像と拡張子を取得
$img_path = '画像のパス';
$img = file_get_contents($img_path);
$ext = pathinfo($img_path, PATHINFO_EXTENSION);
// データベースに保存
$pdo = new PDO('mysql:host=HOST; dbname=DBNAME', 'USER', 'PASSWORD');
$stmt = $pdo->prepare('INSERT INTO images VALUES(0, :ext, :img)');
$stmt->bindParam(':ext', $ext);
$stmt->bindParam(':img', $img);
$stmt->execute();
?>

画像の出力

img.php

<?php
// クエリの取得
if (preg_match('/^[0-9]+$/', $_GET['key'])) {
$id = $_GET['key'];
} else {
throw new Exception('エラー');
}
// データベースから対象のデータを取得
$pdo = new PDO('mysql:host=HOST; dbname=DBNAME', 'USER', 'PASSWORD');
$stmt = $pdo->prepare('SELECT ext, contents FROM images WHERE id=:id');
$stmt->bindParam(':id', $id);
$stmt->execute();
// Content-typeテーブル
$contents_type = array(
'jpg' => 'image/jpeg',
'jpeg' => 'image/jpeg',
'png' => 'image/png',
'gif' => 'image/gif',
'bmp' => 'image/bmp',
);
// 出力
$img = $stmt->fetchObject();
header('Content-type: ' . $contents_type[$img->ext]);
echo $img->contents;
?>

img.php?key=1で直接アクセスしてもいいし、hrefの値としてもOK。

なぜ画像をデータベースに保存するのか？

それはもちろんセキュリティのためです。それ以外理由はありません。データベースに画像を保存しておくことで、大部分の攻撃を回避することが可能となります。

そして画像がいけるということは動画もいけます。ただ、サイズが大きいと設定ファイルを変更しないとダメかもです。

PHPからINSERTしてSQLSTATE は00000が返ってきてるのに保存されてなかったり、 mysqlで直接やってもエラーは出ないのに保存されなかったり0バイトになる場合、 my.ini変更するとうまくいきます。

PHP

<?php
INSERT INTO images VALUES(0, 'wmv', load_file('~/test.wmv'));
?>

my.iniのmax_allowed_packetを変更してみましょう。

my.ini

#max_allowed_packet = 1M
max_allowed_packet = 16M

どの値が適切かはいまいちよく分かりませんが・・・

参照サイト

2012/03/04 修正

insert.php

AUTO_INCREMENTの設定されているカラムへのINSERTする値を0に変更

環境により""でもINSERTができる場合がありますが、0またはNULLが正しいようです。または関数。

No value was specified for the AUTO_INCREMENT column, so MySQL assigned sequence numbers automatically. You can also explicitly assign NULL or 0 to the column to generate sequence numbers. MySQL :: MySQL 5.0 Reference Manual :: 3.6.9 Using AUTO_INCREMENT

引数として"画像のパス"と記述していた部分を$img_pathに変更

一番最初に$img_pathを定義してる意味がなかったので。

投稿日	2010年4月 2日 04:22
カテゴリ	MySQL \| PHP
タグ	サンプルコード \| データベース \| ブラウザ
トラックバック URL	http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1210

なんだい

2012年3月 2日 17:07 | 返信

ばぐだらけじゃん

caquuからなんだいへの返信

2012年3月 4日 03:52 | 返信

コメントありがとうございます。

ご指摘が、どの部分なのかわかりませんが、
思いあたる箇所を修正しました。

TOM

2012年7月10日 23:13 | 返信

はじめまして、MySQL勉強中の者です。
画像の保存と出力の参考にさせて頂きました。
ありがとうございます。

PHPにて、mysqliの手続き型の方で似たようなコードを書いた際に、どうしても保存の際のクエリ実行の時にシンタックスエラーが出ました。
色々と悩みながら解決させたのですが、$img（画像のバイナリデータ）をmysqli_real_escape_stringでエスケープ処理をする事でエラーを回避する事が出来ました。

PDOクラスは使用した事がないので、エスケープ処理なしでもOKなのかは分かりませんが、一言あると大変助かりました。

説明もサンプルコードも非常に丁寧に書いて頂いてるので、非常にありがたかったです。

bloom

2014年2月24日 11:17 | 返信

わかりやすいサンプルソースがご提示下さいましてどうもありがとうございます。

画像が壊れていて表示されずに困っております。

ブラウザは
Google Chrome　32.0.1700.107m

Firefox　26.0

データベースの文字コードが正しく設定されていないために表示されないのでしょうか？

ご存知でいらっしゃましたら教えてください。

また、他に留意する点があればお願いします。

caquuからbloomへの返信

2014年2月25日 05:32 | 返信

コメントありがとうございます。

すみません、壊れる原因は思いつかないのですが確認方法としては
phpMyAdmin 3.4.9 であればBLOB型で保存したデータがダウンロードできるので

・保存したテーブルを選択
・BLOBのところがリンクになっているのでクリック
・保存ダイアログで ***.bin となるので ***.gifとか保存時の拡張子でダウンロード

ダウンロードしたファイルが開ければ、
データベースには正しく保存されていると考えられます。

データベースに正しく保存されていて、
HTTPアクセス時に表示されない場合は、
HTTP Headers などのChrome拡張でResponse Headers の
content-type が正しく設定されてるか確認いただくのがよいかとおもいます。

コメントする

Name

Email Address

URL

コメント(スタイル用のHTMLタグを使えます)

ログイン情報を記憶

[PHP]MySQLを利用した画像の保存と出力

仕組み

WEBサーバ

ブラウザ

同じファイルをContent-typeを変えて表示した場合のサンプル

Content-type: image/jpeg

PHP

Content-type: text/html

PHP

じゃあなぜこんなことを説明してるのか？

MySQLデータベースの作成

SQL

参照サイト

画像の取得とデータベースへの保存

insert.php

画像の出力

img.php

なぜ画像をデータベースに保存するのか？

PHP

my.ini

参照サイト

2012/03/04 修正

insert.php

コメント

なんだい

caquuからなんだいへの返信

TOM

bloom

caquuからbloomへの返信

コメントする

KANTENNA.COM

プログラム

カテゴリ

Memo

プログラムの原則

jQuery不要のアニメーションスクロールライブラリAOS

Error 1449 The user specified as a definer (‘username’@’hostname’) does not exist

Invalid default value for カラム名

14: curl#6 – “Could not resolve host: mirrors.iuscommunity.org; 不明なエラー”

[PHP]MySQLを利用した画像の保存と出力

仕組み

WEBサーバ

ブラウザ

同じファイルをContent-typeを変えて表示した場合のサンプル

PHP

PHP

じゃあなぜこんなことを説明してるのか？

MySQLデータベースの作成

SQL

参照サイト

画像の取得とデータベースへの保存

insert.php

画像の出力

img.php

なぜ画像をデータベースに保存するのか？

PHP

my.ini

参照サイト

2012/03/04 修正

insert.php

コメント

なんだい

caquuからなんだいへの返信

bloom

caquuからbloomへの返信

コメントする

プログラム

カテゴリ

Memo

プログラムの原則

jQuery不要のアニメーションスクロールライブラリAOS

Error 1449 The user specified as a definer (‘username’@’hostname’) does not exist

Invalid default value for カラム名

14: curl#6 – “Could not resolve host: mirrors.iuscommunity.org; 不明なエラー”

PAGE RANK

TIME LINE

Tag