質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

607閲覧

データベースに登録された画像をすべて画面に表示する

Masa_1321412

総合スコア12

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/11/15 17:44

前提・実現したいこと

データベースに登録された画像をすべて表示するプログラムを作成したいです
参考にしたサイト
以下のプログラムを実行してもページに何も表示されません

upimg.php (画像をデータベースに登録するコード)

<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE>データベースへの画像の格納</TITLE> </HEAD> <P>ファイルのアップロード</P> <BODY> <FORM method="POST" enctype="multipart/form-data" action="upimg.php"> <INPUT type="hidden" name="MAX_FILE_SIZE" value="65536"> 画像のファイル名を入力してください(最大64KByte)<BR> ファイル名:<INPUT type="text" name="file_name"><BR> パス:<INPUT size="30" type="file" name="upfile"><BR> <BR> <INPUT type="submit" name="submit" value="送信"> <INPUT type="reset" name="reset" value="リセット"> </FORM> <?php if(isset($_POST["submit"])){ try{ $dsn = 'mysql:dbname=map;host=localhost'; $user = 'root'; $password = ''; $dbh = new PDO($dsn, $user, $password); //データベースに接続 $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $dbh->query('SET NAMES utf8'); //文字コードのための設定 print "<hr>"; $file_name = $_POST["file_name"]; $imgdat = file_get_contents($_FILES["upfile"]["tmp_name"]); $sql = "INSERT INTO picture (name,data,type) values (?,?,?)"; $stmt = $dbh->prepare($sql); $data[] = $file_name; $data[] = $imgdat; $data[] = mime_content_type($_FILES["upfile"]["tmp_name"]); $stmt->execute($data); $dbh = null; //データベースから切断 } catch(PDOException $e){ print 'サーバが停止しておりますので暫くお待ちください。'; exit(); } } ?> </BODY> </HTML>

イメージ説明

display.php (画像を表示させるコード)

<?php try{ $dsn = 'mysql:dbname=map;host=localhost'; $user = 'root'; $password = ''; $dbh = new PDO($dsn, $user, $password); //データベースに接続 $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $dbh->query('SET NAMES utf8'); //文字コードのための設定 $sql = "SELECT * FROM picture"; $stmt_pic = $dbh->prepare ( $sql ); $stmt_pic->execute (); $row = $stmt_pic->fetchAll ( PDO::FETCH_BOTH ); $dbh = null; //データベースから切断 } catch(PDOException $e){ die($e->getMessage()); print 'サーバが停止しておりますので暫くお待ちください。'; exit(); } foreach($row as $pic){ $img[] = base64_encode($pic['data']); } ?> <!-- エンコードした情報をimgタグに表示 --> <?php for($i=0; $i<count($row); $i++): ?> <img src="data:<?php echo $row[i]['type'] ?>;base64,<?php echo $img[i]; ?>"><br> <?php endfor;?>

補足情報(FW/ツールのバージョンなど)

データベースはxampp v3.3.0
データベースの構造は以下のようになります
イメージ説明
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/11/15 20:11

質問を編集すれば質問一覧の「アクティブ」にあがってきますし、 未解決のまま同じ質問をたてるのは非推奨です。
Masa_1321412

2021/11/16 02:43

すいません 気を付けます
m.ts10806

2021/11/16 02:56

回答がついてしまったら削除依頼ができなくなります。マルチポストにもなるのでご注意を。 前の質問には別案を回答追記しています。
guest

回答1

0

ベストアンサー

まずは1つimgにbase64で表示できるようにしてください
複数ならimgを複数回出力するだけです

投稿2021/11/16 00:31

yambejp

総合スコア116724

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/11/16 02:57

質問者の一つ前の質問で解決策がなかなか出てこなかったためにほぼ同じ内容で投稿してしまったものと思われます。
Masa_1321412

2021/11/16 03:35

すいません同じものを投稿してしまいました 元の投稿で解決法が見つかりました ご迷惑をおかけし申し訳ありません
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問