質問編集履歴

ソース表記を見直しました。

2021/09/17 03:28

投稿

duli3041

スコア2

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -38,15 +38,27 @@
 (1)(2)の画像選択登録は出来ていますが、(3)一覧表示で画像が表示出来ません。
+■（図－１）画像データの取込データベース保存
+![イメージ説明](3f7d1c10f4103ce18ae5777135f66db5.jpeg)
+■（図－２）一覧表
+![イメージ説明](a6378bbe0a9c95e02db3e168449ce093.jpeg)
 ### 発生している問題・エラーメッセージ
+（図－２）一覧表で画像が表示されない?
+画像データ(jpg)を、base64_encode($img)保存して、表示する時にbase64_decode($img)変換し
-プログラム(3)で文字化けして表示されてしまいます。
+戻して表示するつもりでした。小さなアイコンの様な表示になってしまいます。
-？JFIF ??? `` ？ ExifMM* ???; ???J i???P ？？ ??? >？ ？DULI？ ???? ???? ??33 ??33 ??? ？ ？ ？2021：....
+header('Content-Type: image/jpeg')を加えてみましたが、画面全体が真っ黒になってしまい
-この様な文字に化けて表示されてしまいます。
+どの様に解決したら良いかわかりません。　よろしくお願いします。
@@ -54,378 +66,326 @@
-```言語名PHP
+```PHP
-3本のプログラム構成からなっています。
-(1)EDIT.PHP ..... ファイルから画像を選びます。
+//(1)EDIT.PHP ..... ファイルから画像を選びます。
-<form enctype="multipart/form-data" action="./edit1.php" method="POST">     <input type="hidden" name="MAX_FILE_SIZE" value="1000000">
+<form enctype="multipart/form-data" action="./edit1.php" method="POST">
+    <input type="hidden" name="MAX_FILE_SIZE" value="1500000">
     <input name="image" type="file">
     <p><input type="submit" name="save" value="Submit" /><p>
 </form>
-2)EDIT1.PHP .... データベースへ登録保存します。
-//■ Create connection
-$sql = new mysqli($servername, $username, $password, $database);
-//■ 接続状況をチェックします
- if (mysqli_connect_errno()) {
-    die("データベースに接続できません(HY000/2002はipかﾎｽﾄ名ｴﾗｰ、HY000/1045:ﾕｰｻﾞ名かﾊﾟｽﾜｰﾄﾞｴﾗｰ):" . mysqli_connect_error() . "\n");
- } else {
-    echo "データベースの接続に成功しました。\n";
+```
+```PHP
+//(2)EDIT1.PHP .... データベースへ登録保存します。
+if (!empty($_POST))
+{
+// 画像ファイル
+    $fp = fopen($_FILES["image"]["tmp_name"], "rb");
+    $imgdat = fread($fp, filesize($_FILES["image"]["tmp_name"]));
+echo '(画像ファイル)$fp-->'.$fp."|"."<br>";
+fclose($fp);
+}
+//
+//画像処理
+    $fp = fopen($_FILES["image"]["tmp_name"], "rb");
+    $img = fread($fp, filesize($_FILES["image"]["tmp_name"]));
+    fclose($fp);
+//画像をbase64エンコード変換
+$imgdat = base64_encode($imgdat);
+echo "画像をbase64エンコード変換:".$imgdat;
+//
+// 拡張子
+    $dat = pathinfo($_FILES["image"]["name"]);
+    $extension = $dat['extension'];
+// MIMEタイプ
+    if ( $extension == "jpg" || $extension == "jpeg" ) $mime = "image/jpeg";
+    else if( $extension == "gif" ) $mime = "image/gif";
+    else if ( $extension == "png" ) $mime = "image/png";
+//
+//データベース接続定義
+$dsn = 'mysql:dbname=shop;host=localhost;charset=utf8mb4';
+$user = 'userid';
+$password = 'userpassword';
+try{
+    $sql = new PDO($dsn, $user, $password);
+}catch (PDOException $e){
+    print('データベース接続Error:'.$e->getMessage());
     echo "<br>";
+    echo '<button onclick=location.href="menu.html">';
-    echo "データベース接続：" ;
+    echo "メニュー戻り";
+    echo '</button>';
+    die();
+}
-    $today = date("Y/m/d H:i:s");
+echo "データベース接続しました。"."<br>";
+//■insertレコードを挿入する
+$stmt = $sql->prepare("INSERT INTO posts (
+        imgdat,
+        mime
+        ) VALUES (
+        :imgdat,
+        :mime
+        )");
+// (4) 登録するデータをセット
+$stmt->bindParam( ':imgdat', $imgdat, PDO::PARAM_STR);
+$stmt->bindParam( ':mime', $mime, PDO::PARAM_STR);
+//
+// (5) SQL実行
-    print_r($today);
+$res = $stmt->execute();
+// (6) データベースの接続解除
+//$pdo = null;
+//■メニュー戻り
+echo '<button onclick=location.href="menu.html">';
+echo "メニュー戻り";
+echo '</button>';
+?>
+<img src="data:image/jpg;base64,<?php echo $imgdat; ?>">
+```
+```PHP
+//(3)zu200_select0.php ... 一覧表示します。
+//■データベース接続
+$dsn = 'mysql:dbname=shop;host=localhost;charset=utf8mb4';
+$user = 'userid';
+$password = 'userpassword';
+try{
+    $pdo = new PDO($dsn, $user, $password);
+}catch (PDOException $e){
+    print('データベース接続Error:'.$e->getMessage());
     echo "<br>";
+    echo '<button onclick=location.href="menu.html">';
+    echo "メニュー戻り";
+    echo '</button>';
+    die();
- }
+}
-echo "<br>";    //改行
+echo "データベース接続しました。"."<br>";
-//$query = "INSERT INTO shop.posts (imgdat, mime) VALUES ('".$imgdat."', '".$mime."')";
-//■insertレコードを挿入する
+//■postsテーブルのselect全てのデータを取得する
-$query = "INSERT INTO posts ("
-        . "imgdat, "
-        . "mime"
-        . ") VALUES ("
-        . "'$imgdat',"
-        . "'$mime'"
-        . ");";
-//■判定
-if (mysqli_query($sql, $query)) {
-    echo "データ登録(INSERT)完了しました。";
-    echo "<br>";
+echo "■database(shop)";
-}else{
-echo "<FONT COLOR='RED'>";
-printf("Error message(mysqli_error): %s\n", mysqli_error($sql));
 echo "<br>";
-printf("Error message(mysqli_errno): %s\n", mysqli_errno($sql));
+echo "■table id(posts)";
 echo "<br>";
-    echo "データ登録(INSERT)失敗しました。";
+echo "[画像データテスト]一覧 (zu200_select0.php)";
-echo "<FONT COLOR='black'>";
-echo "</FONT>";
+print "<br>";
+//select文設定
+$sql = 'select '
+        . 'id, '
+        . 'imgdat, '
+        . 'mime, '
+        . 'symd '
+        . 'from posts';
+//クエリー
+$sth = $pdo -> query($sql);
+//配列セット
+$aryItem = $sth -> fetchAll(PDO::FETCH_ASSOC); //$aryItemに配列を代入
+//■一覧表作成
+echo '<table>';
+echo '<table border="1" style="background-color:#98fb98" >';
+//ヘッダ見出し
+echo '<tr style="background-color:#ff7f50" ><td>'.
+'<font color=#000000>'.
+'番号'.'</td><td><font color=#000000>'.
+'画像データ'.'</td><td><font color=#000000>'.
+'拡張子'.'</td></tr>';
+foreach($aryItem as $row){
+echo "<td>".$row['id']."</td>";
-    echo "<br>";
+echo "<td>";
+$img = $row['imgdat'];
+$img64 = base64_decode($img);       //画像データbase64_encodeからbase64_decode変換処理
+//
+//header('Content-Type: image/jpeg');
+// jpegファイルの場合
+echo '<img src="data:images/jpeg;base64,$img64 ">';
+echo "</td>";
+echo "<td>".$row['mime']."</td>";
+echo "</tr>";
 }
-}
+echo "<tr>";
+echo "<td>"."=合計="."</td>";
+echo "<td>".""."</td>";
+echo "<td>".""."</td>";
+echo "</tr>";
+echo '</table>';
 //■接続を閉じます
 mysqli_close($sql);
 //■メニュー戻り
 echo '<button onclick=location.href="menu.html">';
 echo "メニュー戻り";
 echo '</button>';
 ?>
-<img src="data:image/jpg;base64,<?php echo $imgdat; ?>">
-(3)zu200_select0.php ... 一覧表示します。
-<?php
-//■データベース接続
-$dsn = 'mysql:dbname=shop;host=localhost;charset=utf8mb4';
-$user = 'userid';
-$password = 'userpass';
-try{
-    $pdo = new PDO($dsn, $user, $password);
-}catch (PDOException $e){
-    print('接続Error:'.$e->getMessage());
-    echo "<br>";
-    echo '<button onclick=location.href="menu.html">';
-    echo "メニュー戻り";
-    echo '</button>';
-    die();
-}
-echo "データベース接続しました。"."<br>";
-echo "[画像データテスト]一覧 (zu200_select0.php)";
-print "<br>";
-//select文設定
-$sql = 'select '
-        . 'id, '
-        . 'imgdat, '
-        . 'mime, '
-        . 'symd '
-        . 'from posts';
-//クエリー
-$sth = $pdo -> query($sql);
-//配列セット
-$aryItem = $sth -> fetchAll(PDO::FETCH_ASSOC); //$aryItemに配列を代入
-//■一覧表作成
-echo '<table>';
-echo '<table border="1" style="background-color:#98fb98" >';
-//ヘッダ見出し
-echo '<tr style="background-color:#ff7f50" ><td>'.
-'<font color=#000000>'.
-'番号'.'</td><td><font color=#000000>'.
-'画像データ'.'</td><td><font color=#000000>'.
-'拡張子'.'</td></tr>';
-foreach($aryItem as $row){
-echo "<td>".$row['id']."</td>";
-//echo "<td>".$row['imgdat']."</td>";  //化けた文字で表示される。
-header('Content-Type: image/jpeg');
-// jpegファイルの場合
-echo '<img src="data:image/jpeg;base64,$row["imgdat"]">';　　//この様にしても化け文字が表示。
-echo "<td>".$row['mime']."</td>";
-echo "</tr>";
-}
-echo "<tr>";
-echo "<td>"."=合計="."</td>";
-echo "<td>".""."</td>";
-echo "<td>".""."</td>";
-echo "</tr>";
-echo '</table>';
-//■メニュー戻り
-echo '<button onclick=location.href="menu.html">';
-echo "メニュー戻り";
-echo '</button>';
 ```

タイトルをわかりやすく変更しました。

2021/09/17 03:28

投稿

duli3041

スコア2

test CHANGED Viewed

	@@ -1 +1 @@
1	- PHPにてMySQLデータベースへ画像データ登録呼出し表示が出来ない。
1	+ PHPにてMySQLデータベース(mysqliからpdo接続変更)へ画像データ登録呼出し表示が出来ない。

test CHANGED Viewed

File without changes

アドバイスよりmysqliからpdoへソースコードを変更しました。

2021/09/16 04:32

投稿

duli3041

スコア2

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,5 +1,13 @@
 ### 前提・実現したいこと
+※1回目の質問でmysqliよりpdoを使ってくださいと指摘を頂き、
+プログラム(3)zu200_select0.phpをpdo接続に変更しました。
+然し、　　　どーしても画像が表示出来なくて...ご教授の程、
+よろしくおねがいします。
 PHPでMySQLデータベースへ画像データを保存して呼び出すプログラムを
@@ -266,227 +274,157 @@
 (3)zu200_select0.php ... 一覧表示します。
-//■ Create connection
+<?php
-$sql = new mysqli($servername, $username, $password, $database);
-//■ 接続状況をチェックします
+//■データベース接続
+$dsn = 'mysql:dbname=shop;host=localhost;charset=utf8mb4';
+$user = 'userid';
+$password = 'userpass';
+try{
+    $pdo = new PDO($dsn, $user, $password);
- if (mysqli_connect_errno()) {
+}catch (PDOException $e){
-    die("データベースに接続できません(HY000/2002はipかﾎｽﾄ名ｴﾗｰ、HY000/1045:ﾕｰｻﾞ名かﾊﾟｽﾜｰﾄﾞｴﾗｰ):" . mysqli_connect_error() . "\n");
- } else {
-//    echo "データベースの接続に成功しました。\n";
+    print('接続Error:'.$e->getMessage());
-//    echo "<br>";
+    echo "<br>";
+    echo '<button onclick=location.href="menu.html">';
+    echo "メニュー戻り";
+    echo '</button>';
+    die();
- }
+}
-$symd = "'".date("Y/m/d H:i:s")."'";
-//■postsテーブルの全てのデータを取得する
-echo "■database(shop)";
-echo "<br>";
+echo "データベース接続しました。"."<br>";
-echo "■table id(posts)";
-echo "<br>";
 echo "[画像データテスト]一覧 (zu200_select0.php)";
+print "<br>";
+//select文設定
-$sql_delect = "SELECT "
+$sql = 'select '
-        . "id,"
+        . 'id, '
-        . "imgdat,"
+        . 'imgdat, '
-        . "mime"
+        . 'mime, '
+        . 'symd '
-        . " FROM posts";
+        . 'from posts';
-//SQL文を実行するコードを、変数に格納
+//クエリー
-$stmt = $sql->query($sql_delect);
+$sth = $pdo -> query($sql);
+//配列セット
+$aryItem = $sth -> fetchAll(PDO::FETCH_ASSOC); //$aryItemに配列を代入
-//echo "テーブル内容";
+//■一覧表作成
-//-----------------------------------------------------------
 echo '<table>';
-//echo '<table border="1">';
 echo '<table border="1" style="background-color:#98fb98" >';
 //ヘッダ見出し
 echo '<tr style="background-color:#ff7f50" ><td>'.
 '<font color=#000000>'.
 '番号'.'</td><td><font color=#000000>'.
 '画像データ'.'</td><td><font color=#000000>'.
 '拡張子'.'</td></tr>';
-foreach ($stmt as $row) {
+foreach($aryItem as $row){
 echo "<td>".$row['id']."</td>";
-$img64d = base64_decode($row['imgdat']);        //●<---base64デコード変換
+//echo "<td>".$row['imgdat']."</td>";  //化けた文字で表示される。
+header('Content-Type: image/jpeg');
+// jpegファイルの場合
-echo '<img src="data:image/jpg;base64,<?php echo $img64d; ?>">';    //●<--画像の表示
+echo '<img src="data:image/jpeg;base64,$row["imgdat"]">';　　//この様にしても化け文字が表示。
-echo "<td>".$img64d."</td>";
 echo "<td>".$row['mime']."</td>";
 echo "</tr>";
 }
 echo "<tr>";
 echo "<td>"."=合計="."</td>";
 echo "<td>".""."</td>";
 echo "<td>".""."</td>";
 echo "</tr>";
 echo '</table>';
-//■接続を閉じます
-mysqli_close($sql);
 //■メニュー戻り
 echo '<button onclick=location.href="menu.html">';
 echo "メニュー戻り";
 echo '</button>';
-?>
 ```

編集対応

2021/09/16 04:12

投稿

duli3041

スコア2

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -44,6 +44,12 @@
 ### 該当のソースコード
+```言語名PHP
 3本のプログラム構成からなっています。
@@ -52,9 +58,7 @@
-<form enctype="multipart/form-data" action="./edit1.php" method="POST">
+<form enctype="multipart/form-data" action="./edit1.php" method="POST">     <input type="hidden" name="MAX_FILE_SIZE" value="1000000">
-    <input type="hidden" name="MAX_FILE_SIZE" value="1000000">
@@ -70,13 +74,7 @@
-(2)EDIT1.PHP .... データベースへ登録保存します。
+2)EDIT1.PHP .... データベースへ登録保存します。
@@ -132,11 +130,11 @@
-echo "<br>";	//改行
+echo "<br>";    //改行
-//$query = "INSERT INTO `shop`.`posts` (`imgdat`, `mime`) VALUES ('".$imgdat."', '".$mime."')";
+//$query = "INSERT INTO shop.posts (imgdat, mime) VALUES ('".$imgdat."', '".$mime."')";
@@ -268,10 +266,6 @@
 (3)zu200_select0.php ... 一覧表示します。
@@ -360,8 +354,6 @@
 //SQL文を実行するコードを、変数に格納
@@ -414,10 +406,6 @@
 foreach ($stmt as $row) {
@@ -426,11 +414,11 @@
-$img64d = base64_decode($row['imgdat']);		//●<---base64デコード変換
+$img64d = base64_decode($row['imgdat']);        //●<---base64デコード変換
-echo '<img src="data:image/jpg;base64,<?php echo $img64d; ?>">';	//●<--画像の表示
+echo '<img src="data:image/jpg;base64,<?php echo $img64d; ?>">';    //●<--画像の表示
@@ -448,7 +436,7 @@
 }
 echo "<tr>";
@@ -474,10 +462,6 @@
 //■接続を閉じます
@@ -500,16 +484,10 @@
 echo '</button>';
 ?>
-```ここに言語名を入力
-ソースコード
 ```