バイナリで保存したメディアの表示

Question

前提・実現したいこと

phpで簡易掲示板の作成を行なっています。
画像・動画をアップロードする機能をつけたいのですが、うまくいきません。
ユーザー側から受け取った動画・画像をデータベース上にバイナリで保存していて、それを表示したいのですが、まずHTML部でこのように表示させようとしています。

ソースコード

<?php
    //DBから取得して表示する．
    $pdo = new PDO($dsn, $user, $password);
    $sql = "SELECT * FROM media;";
    $stmt = $pdo->query($sql);

    while ($row = $stmt -> fetch(PDO::FETCH_ASSOC)){
        echo ($row["id"]."<br/>");
        //動画と画像で場合分け
        $target = $row["name"];
        if($row["ext"] == "mp4"){
          echo ("<video src=\"import_media.php?target=$target\" width=\"426\" height=\"240\" controls></video>");
        }
        elseif($row["ext"] == "jpeg" || $row["ext"] == "png"){
          echo ("<img src='import_media.php?target=$target'>");
        }
        echo ("<br/><br/>");
    }
    ?>

そして以下でバイナリ値であるデータの描画？を行ないます。

//import_media.php
<?php
    $user = '********';
    $password = '********';
    $dsn = "*******************************";

    if(isset($_GET["target"]) && $_GET["target"] !== ""){
        $target = $_GET["target"];
    }
    else{
        header("Location: ********.php");
    }
    $MIMETypes = array(
        'png' => 'image/png',
        'jpeg' => 'image/jpeg',
        'gif' => 'image/gif',
        'mp4' => 'video/mp4'
    );
    try {
      $pdo = new PDO($dsn, $user, $password);
      $sql = "SELECT * FROM media WHERE name = :target";
      $stmt = $pdo->prepare($sql);
      $stmt -> bindValue(":target", $target, PDO::PARAM_STR);
      $stmt -> execute();
      $row = $stmt -> fetch(PDO::FETCH_ASSOC);
      header("Content-Type: ".$MIMETypes[$row["ext"]]);
      echo $row["raw_data"];
    }
    catch (PDOException $e) {
        echo("<p>500 Inertnal Server Error</p>");
        exit($e->getMessage());
    }
?>

また、データベース上でのテーブル作成、データの保存はこのように行なっています。

$sql = 'CREATE TABLE media(
    id INT(32) AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(128),
    ext VARCHAR(32),
    raw_data LONGBLOB
    )engine=innodb default charset=utf8;';
    $result = $pdo -> query($sql);
    //拡張子が動画か画像なら保存
    if($ext === "jpeg" || $ext === "png" || $ext === "mp4"){
      $sql = "INSERT INTO media(name, ext, raw_data) VALUES (:name, :ext, :raw_data);";
      $stmt = $pdo->prepare($sql);
      $stmt -> bindValue(":name",$_FILES["upfile"]["name"], PDO::PARAM_STR);
      $stmt -> bindValue(":ext",$ext, PDO::PARAM_STR);
      $stmt -> bindValue(":raw_data",$raw_data, PDO::PARAM_STR);
      $stmt -> execute();
      echo"データベースへの保存に成功しました。<br/>";
    }

動画の再生マークには斜線が入っており、画像が表示されて欲しいところにははてなマークがあるだけです。タグの中身をきちんと理解していないからかなと思うのですが、行き詰まってしまったのでご教授願いたく存じます。
また、はてなマークになっている画像のアドレスをコピーしてみると、

http://************/******/import_media.php?target=obentou_noriben.png

といった風にphp?の部分がそのまま表示されています。このあたりも怪しいかなと思うのですが、お答えいただければ幸いです。

Comments

[m.ts10806]

import_media.phpを直で実行するとどうなるのでしょうか。途中でエラーなど起きていませんか？ご確認ください。

[m.ts10806]

画像のほうは、例えばGDライブラリのimagecreatefromstring()を利用した後にimageXXX()関数を使うと良いと思いますが、試してみてください。 https://qiita.com/k-motoyan/items/54f35056213031921c99 ※動画の方も基本は流れは一緒と思います。あと念のため最後にexit;をつけて処理をこれ以上流させないようにしてみてください。

[harajima]

エラーなどありませんでした。肝心のimport_media.phpを「import.media.php」という名前でファイル作成していたのが大元の原因でした。お騒がせいたしました。
丁寧にご回答いただきありがとうございました。

Answer 1

まずmediaテーブルでnameを利用してユニークにデータを抽出するわけですから
nameカラムにはunique属性が必要です

また$target = $row["name"]で拾った$targetをそのままurlにつなげていますが
urlencode処理が必要です

あとのフローはなんとなくあっているっぽいのでtypoなどないか精査してみて下さい

デバッグとしては、必ず存在するであろうと確信できるtargetデータを利用し
ブラウザに直接「import_media.php?target=hogehoge.jpg」的なものを打ち込んで
エラーが表示されるか確認してみてください

Comments

[harajima]

import_media.phpを「import.media.php」という名前でファイル作成していたのが大元の原因でした。お騒がせいたしました。
またそれを直しても動画だけ表示されなかったのですが、PC版のChromeで閲覧すると再生することができました。（PC版のSafari、携帯端末でのSafari,Chromeでは動きませんでしたが）
urlencode処理、ユニーク属性について、デバッグなど、多くの知識を教えていただいてありがとうございました。内容が明快でわかりやすく、一番ヒントをいただいたのでベストアンサーとさせていただきました。

Answer 2

処理自体はあっているように思います。

import_media.php の中に下記行を追加して、作成されたファイルが正常な画像・動画データか確認してみてください。

file_put_contents('test.'. $row["ext"], $row["raw_data"]);

あと、エラーの場合に「500 Inertnal...」を出力していますが、srcパラメータへの出力となってしまうので、エラー画像などを用意してそれを出力するようにしましょう。

Comments

[harajima]

ありがとうございます。import_media.phpを「import.media.php」という名前でファイル作成していたせいできちんと動いていなかったようです。お騒がせいたしました。
エラーの出力に関しては、コピペしたものをそのまま使っていたのでとても勉強になりました。修正いたします。ありがとうございました。