jpgでデータベースに保存した画像が表示できません

###前提・実現したいこと
スタッフのマニュアル用にアプリを制作しており、テキスト関係の表示や編集機能はほぼできたのですが、画像を取り込んでよりわかりやすいマニュアルにしたいと思っています。
画像のデータベースへの保存はできたのですが、出力ができません。

###発生している問題・エラーメッセージ
画像を出力しようとすると、文字化けした文字列が出てきます。

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

<!DOCTYPE html> <html lang="ja"> <?php if (isset($_GET['name'])) { $name = $_GET['name']; } function getPDO() { // PHP Data Object を返す $dataSourceName='●●●；dbname=●●●;charset=utf8'; $user='●●●'; $dbPassword='●●●'; return new PDO($dataSourceName, $user, $dbPassword); } // 拡張子によってMIMEタイプを切り替えるための配列 $MIMETypes = array( 'png' => 'image/png', 'jpg' => 'image/jpeg', 'jpeg' => 'image/jpeg', 'gif' => 'image/gif', 'bmp' => 'image/bmp', ); try { $pdo = getPDO(); $tableName = "ImageData"; // データベースから条件に一致する行を取り出す $data = $pdo->query('SELECT * FROM ImageData WHERE name = "' . $name . '"')->fetch(PDO::FETCH_ASSOC); // 画像として扱うための設定 header('Content-type: ' . $MIMETypes[$data['extension']]); echo $data['image']; } catch (Exception $e) { echo "load failed: " . $e; } ?> </html>

###試したこと
ImageDataというテーブルには、数十キロバイトのimageがmediumblobで保存されています。
URL末尾に「?name=logo1」というようにすると、logo1は正しくGETされます。
$DATA('name'), $DATA('extension')ともにechoで正しく表示されました。

###補足情報(言語/FW/ツール等のバージョンなど)
プログラムはutf-8、BOMにチェックなし、改行コード変換なしで保存しています。
画像はjpgで試しています。

EXCEL VBAはかなり経験しましたが、PHPはまだ一か月ほどしか経験していません。なにが原因でうまく表示されないのでしょうか。なにとぞ、ご教示のほどよろしくお願いいたします。

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

回答2件

画像を保存したカラムの型は何になっていますか？
画像はバイナリなので、BLOB（またはMEDIUMBLOBやLONGBLOB）型じゃないとダメです。

また、そもそもDBに画像を入れるということ自体がバッドプラクティスです。
DBに直接画像そのものを保存するメリットはほとんどありません。デメリットは多数あります。

PHP - PHP、SQL画像出力の際に画像が一部黒くなります。(50088)｜teratail

MySQLに画像データのパスを保存する理由を教えて下さい。 - あるP... - Yahoo!知恵袋

投稿2016/12/18 00:27

zico_teratail

総合スコア907

astroecology

2016/12/18 00:59

ありがとうございます。最初はBLOB型にしていましたが、サイズの問題があるかもしれないと思い途中からMEDIUMBLOBに変えました。しかし、いずれの場合も、文字化けのようになります。もしどうしてもうまく行かないときは、通常のアップロードでパスを保存する方式に変更したいと思います。

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

ベストアンサー

header('Content-type: ' . $MIMETypes[$data['extension']]);

image/jpeg で表示する目的なので、

<!DOCTYPE html> <html lang="ja">

や

</html>

などの文字列や改行コードなどを出力してはいけません。

投稿2016/12/18 02:31

退会済みユーザー

総合スコア0

astroecology

2016/12/18 02:47

ありがとうございます ! 今までの労苦がウソのように、あっさりと画面に美しく表示されました ! 他のコードと混在させることは難しそうなので、画像取り込みは別ファイルにするなどの工夫をした方がいいのかもしれません。先程のいただいたご回答と合せ、パスのみデータベース保存にするか等、さらに検討したいと思います。皆さまありがとうございました　! またよろしくお世話になると思いますが、よろしくお願いします。

退会済みユーザー

2016/12/18 02:51

画像部分以外にも問題が多数見受けられます。丹念に修正すべきです。

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

あなたの回答