base64でencodeした画像ファイル・音声ファイルをhtmlで表示するには？

#前提・実現したいこと
データベースに保存された画像をファイルをhtml上に表示させたい

#発生している事象・問題
・できていること
→phpに格納されたデータをselect文にて抽出
→抽出した画像のencode（base64）

・できていないこと
→encodeした画像ファイルの表示

▼コード

php
1<?php
2
3//表示のエラーが何者か正体を見定めるコードを記載する
4// error_reporting(-1);
5ini_set('display_errors', 'On');
6
7//関数を以下に定義しているので呼び出す
8require "./muvel-funcs.php";
9
10//パーミッションの設定500→705に変更する
11// chmod("/somedir/somefile", 0750);
12
13//DBに接続する
14$pdo = db_con();
15
16//データ取得SQLの作成
17$stmt = $pdo->prepare("SELECT * FROM muvel_table");
18$status = $stmt->execute();
19
20//３．データ表示
21$view="";
22if($status==false) {
23//execute（SQL実行時にエラーがある場合）
24$error = $stmt->errorInfo();
25exit("ErrorQuery:".$error[2]);
26
27}else{
28
29while( $result = $stmt->fetch(PDO::FETCH_ASSOC)){ 
30
31$img = base64_encode('$result["image"]');
32$music = base64_encode('$result["music"]');
33
34    //encodeされてるかチェック
35  // echo $img;
36  // echo "<br>";
37  // echo $music;
38
39    //resultが引っ張ってこれてるかチェック
40  // var_dump($result);
41
42$view .= "<p>";
43$view .= $result['musicid'].':'.$result['date'].':'.$result['title'];
44$view .= '<img src="'."data:"."image/png;base64,".$img.'">';
45$view .="<audio control>";
46$view .='<source src="'.$music.'">"';
47$view .="</audio>";
48$view .= "</p>";
49}
50
51}
52?>
53
54<!DOCTYPE html>
55<html lang="ja">
56<head>
57<meta charset="utf-8">
58<meta http-equiv="X-UA-Compatible" content="IE=edge">
59<meta name="viewport" content="width=device-width, initial-scale=1">
60<title>フリーアンケート表示</title>
61<style>div{padding: 10px;font-size:16px;}</style>
62</head>
63
64<!-- Main[Start] -->
65<div>
66    <div class="container jumbotron"><?=$view?></div>
67</div>
68<!-- Main[End] -->
69
70</html>
71

#試したこと

php
1$view .= "<p>";
2$view .= $result['musicid'].':'.$result['date'].':'.$result['title'];
3$view .= '<img src="'."data:"."image/png;base64,".$img.'">';
4$view .="<audio control>";
5$view .='<source src="'.$music.'">"';
6$view .="</audio>";
7$view .= "</p>";

上記と同じコードですが、imgのところを他のサイトを参考にやってみました。
音声ファイルも同じようにやってみたのですが、できず。

どなたかやり方を教えていただけるとありがたいです
何卒よろしくお願いします。

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

回答1件

$img = base64_encode('$result["image"]');では、DBから取得してきた内容ではなく「$result["image"]」という文字列をbase64エンコードした内容が取得されてしまいます。
$img = base64_encode($result["image"]);としてDBから取得してきた内容をbase64_encode関数の引数に渡しましょう。

投稿2020/06/24 00:59

ku__ra__ge

総合スコア4524

sasamochi07

2020/06/24 16:10

回答してくださりありがとうございます。ということは以下のようなコードになる、という認識で間違い無いでしょうか？ ``` $img = base64_encode('$result["image"]'); $music = base64_encode('$result["music"]'); ``` 上記のようにコードを変更しましたが、うまく表示されませんでした、、、