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

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

ただいまの
回答率

90.50%

  • PHP

    20358questions

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

  • HTML

    8980questions

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

  • MySQL

    5856questions

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

  • phpMyAdmin

    650questions

    phpMyAdminはオープンソースで、PHPで書かれたウェブベースのMySQL管理ツールのことです。

PHP、MySQL、HTMLの画像とテキストを同時にDB保存とトップページで表示するブログのようなものを作りたい。

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 357

mumumoon

score 3

 前提・実現したいこと

PHP MySQL HTML を使ってブログ風のものを作っています。
ほぼわからず、とりあえず多くの人の参考に、コピペで記事投稿(タイトル、本文)、その記事に対するコメント
MySQLとの紐付で動き、MySQL内にもデータが入っています。
画像のアップロード→MySQLに保存→表示のものは、コピペでいけました。

今躓いているのが、
・記事の「投稿」submitを押したときに記事と同時に、画像のファイルもMySQLに保存し、記事に紐付、記事と画像が表示される。ができません。 

<考えていること。実践していること>
・記事のテーブルと画像のテーブルは分ける。
・一度ファイルをアップロードしてMySQLに画像データを保存し、投稿submitで画面に表示する設計。

基本的にどんな文を書けば良いのかは雰囲気で掴んでいるだけで、実際には書くことができません。

該当のソースコード

Ueser_TopPage.php

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>TEST Blog</title>
<link rel="stylesheet" type="text/css" href="blog.css>
</head>
<body>
    <a href="User_TopPage.php"><label class="toptest"><h1>TEST Blog</h1></label></a>
<a href="t_post.php"><label class="contentTop"><h4>記事作成</h4></label></a>
<a href="Logout.php"><label class="Logout"><h5>ログアウト</h5></label></a>

</body>
</html>

<?php
  $pdo = new PDO("mysql:dbname=", "root","パス");

  $st = $pdo->query("SELECT * FROM post ORDER BY no DESC"); //tableの全部(*)を記事番号の大きい順、すなわち新しい記事から順番に並び替えられる

  $posts = $st->fetchAll();
// fetchAllメソッドは、全てのレコードを配列として返します。$posts[0]に最も新しい記事、$posts[1]に次の記事…と順番に入ります

  for ($i = 0; $i < count($posts); $i++) {
  $st = $pdo->query("SELECT * FROM comment WHERE post_no={$posts[$i]['no']} ORDER BY no DESC"); 
    $posts[$i]['comments'] = $st->fetchAll();
  }
  require 't_index.php';

?>


<!-- 
 for ($i = 0; $i < count($posts); $i++){}    
   $st = $pdo->query("SELECT * FROM image WHERE post_no={$posts[$i]['id']} ORDER BY no DESC");    
   $posts[$i]['media'] = $st->fetchAll();
  } 
で画像もコメントと同じように表示することができたりする?
そのかわりにテーブルのmediaにもpost_noがないと成立しない。-->
t_index.php

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TEST Blog</title>
<link rel="stylesheet" href="blog.css">
</head>
<body>
<?php foreach ($posts as $post) { ?>
  <div class="post">
    <h2><?php echo $post['title'] ?></h2>  
    <p><?php echo nl2br($post['content']) ?></p>

    <!-- <p class="">
      <a href=""></a>  画像挿入場所-->

    <!-- コメント部分 -->
    <?php foreach ($post['comments'] as $comment) { ?>
      <div class="comment">
        <h3><?php echo $comment['name'] ?></h3>
        <p><?php echo nl2br($comment['content']) ?></p>
        <!-- <p>>?php echo ($) -->
      </div>
    <?php } ?>

    <p class="commment_link">
      投稿日:<?php echo $post['time'] ?> 
      <a href="comment.php?no=<?php echo $post['no'] ?>">コメント</a>
    </p>
  </div>
<?php } ?>
</body>

</html>
<?php 
 $error = '';
 ?>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>記事投稿</title>
<link rel="stylesheet" href="blog.css">
</head>
<body>
<form method="post" action="post.php">
 <div class="posting">
        <h2>記事投稿</h2>
        <p>題名</p>
        <p><input name="title" type="text" size="40"></p>
        <p>本文</p>
        <p><textarea name="content" rows="8" cols="40"></textarea></p>
    <input name="submit" type="submit" value="投稿">
</form> 

    <form method="post" action="" enctype="multipart/form-data">
        <input type="file" name="upfile">
         <input type="submit" name="upload" value="アップロード">
    </form>
        <p><input type="button" onclick="window.history.back();" value="戻る"></p>
        <p><?php echo $error ?></p>
 </div>
</body>
</html>


<?php 
 ?>
<?php


         $error = $title = $content = '';
      if (@$_POST['submit']) {
      if (isset($_POST['submit']) == 'blank'); {
      $title = $_POST['title'];
      $content = $_POST['content'];


    if (!$title) $error .= 'タイトルがありません。<br>';
    if (mb_strlen($title) > 80) $error .= 'タイトルが長すぎます。<br>';
    if (!$content) $error .= '本文がありません。<br>';
    if (!$error) {
      $pdo = new PDO("mysql:dbname=blog", "root","WDp8aa9n@");
      $st = $pdo->query("INSERT INTO post(title,content) VALUES('$title','$content')");


      header('Location: User_TopPage.php');
      exit();
    }
  }
}

try{
        $user = "root";
        $pass = "パス";
        $pdo = new PDO("mysql:host=localhost;dbname=blog;charset=utf8", $user, $pass);


        //ファイルアップロードがあったとき
        if (isset($_FILES['upfile']['error']) && is_int($_FILES['upfile']['error']) && $_FILES["upfile"]["name"] !== ""){
            //エラーチェック
            switch ($_FILES['upfile']['error']) {
                case UPLOAD_ERR_OK: // OK
                    break;
                case UPLOAD_ERR_NO_FILE:   // 未選択
                    throw new RuntimeException('ファイルが選択されていません', 400);
                case UPLOAD_ERR_INI_SIZE:  // php.ini定義の最大サイズ超過
                    throw new RuntimeException('ファイルサイズが大きすぎます', 400);
                default:
                    throw new RuntimeException('その他のエラーが発生しました', 500);
            }

            //画像・動画をバイナリデータにする.
            $raw_data = file_get_contents($_FILES['upfile']['tmp_name']);

            //拡張子を見る
            $tmp = pathinfo($_FILES["upfile"]["name"]);
            $extension = $tmp["extension"];
            if($extension === "jpg" || $extension === "jpeg" || $extension === "JPG" || $extension === "JPEG"){
                $extension = "jpeg";
            }
            elseif($extension === "png" || $extension === "PNG"){
                $extension = "png";
            }
            elseif($extension === "gif" || $extension === "GIF"){
                $extension = "gif";
            }
            elseif($extension === "mp4" || $extension === "MP4"){
                $extension = "mp4";
            }
            else{
                echo "非対応ファイルです.<br/>";
                echo ("<a href=\"image.php\">戻る</a><br/>");
                exit(1);
            }

            //DBに格納するファイルネーム設定
            //サーバー側の一時的なファイルネームと取得時刻を結合した文字列にsha256をかける.
            $date = getdate();
            $fname = $_FILES["upfile"]["tmp_name"].$date["year"].$date["mon"].$date["mday"].$date["hours"].$date["minutes"].$date["seconds"];
            $fname = hash("sha256", $fname);

            //画像・動画をDBに格納.
            $sql = "INSERT INTO media(fname, extension, raw_data) VALUES ( :fname, :extension, :raw_data);";
            $stmt = $pdo->prepare($sql);
            $stmt -> bindValue(":fname",$fname, PDO::PARAM_STR);
            $stmt -> bindValue(":extension",$extension, PDO::PARAM_STR);
            $stmt -> bindValue(":raw_data",$raw_data, PDO::PARAM_STR);
            $stmt -> execute();

        }

    }
    catch(PDOException $e){
        echo("<p>500 Inertnal Server Error</p>");
        exit($e->getMessage());
    }



  require 't_post.php';

?>

現状

これが現状です。
とりあえずできている機能は
・記事投稿とそれをデータベースに保存、並べて表示。 画像の青枠がタイトル、その下のsが本文。
・コメントはその記事に紐付けられてコメントできるようなところです。 赤いところが名前、その下がコメントです。

イメージ説明

初めて質問するのでこのような形で合っているのかわかりませんが、なんとか完成させたい部分なので
ご回答できる方いらっしゃましたら、コードも含め教えていただけると幸いです。

続きの質問もあるのでもしわかる方がいましたらご回答よろしくお願い致します。

続き。PHP、MySQL、HTMLの画像とテキストを同時にDB保存とトップページで表示するブログのようなものを作りたい。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+3

気になるところあげます。

// Ueser_TopPage.php
<link rel="stylesheet" type="text/css" href="blog.css> // <- blob.css のクォーテーション閉じ忘れ
  for ($i = 0; $i < count($posts); $i++) {
  $st = $pdo->query("SELECT * FROM comment WHERE post_no={$posts[$i]['no']} ORDER BY no DESC"); 
    $posts[$i]['comments'] = $st->fetchAll();
  }

for ループの中でSQLを実行するのはNGです。JOINを使ってテーブルを連結し、SQLの発行回数を一回で住むようにしよう。

また

$pdo->query("SELECT * FROM comment WHERE post_no={$posts[$i]['no']} ORDER BY no DESC"); 

変数を直接連結するSQLの発行はSQLインジェクションという脆弱性を埋め込むバッドノウハウです。セキュリティの問題なので、他の部分でやっているようにプリペアドステートメントを使って発行してください。

// $pdo = new PDO("mysql:dbname=", "root","パス");
$pdo = new PDO("mysql:dbname=", "root","パス", [PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION]);

PDOをインスタンス化する時、第4引数に、OPTIONを設定し、PDOエラーを例外で通知するようにしましょう。

$extension = $tmp["extension"];

$tmp["extension"]; によるファイル形式チェックは「ザル」です。偽装されたら不正なファイルをアップロードできてしまいます。fileinfo関数 を使った厳密なチェックを行いましょう。

あと、全体通して、XSS脆弱性があるので、htmlspecialchars関数を調べることをお勧めします。


ネットで検索して調べるのは間違った方法とは言えませんが、良記事、悪記事あります。必ず PHP本家のリファレンスを参照しましょう。

[PHP]ファイルアップロードサンプル(PHP → DB → HTML)

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/07/22 17:45

    ファイルアップロードとか、初心者が完成できる思えない。。。

    キャンセル

  • 2018/07/22 17:46 編集

    この質問者さん他の初心者に比べて優秀な方だと思う。コピペとは言え…笑

    キャンセル

  • 2018/07/22 18:20

    ご丁寧にありがとうございます。
    ファイルアップロードサンプルをコピペして行ったのですが、
    Warning: move_uploaded_file(upfiles/82f45d8fbd7562fc33428245490063ba86d304cb.png): failed to open stream: No such file or directory in /Users/.../index.php on line 66

    Warning: move_uploaded_file(): Unable to move '/private/var/tmp/phpHo751F' to 'upfiles/82f45d8fbd7562fc33428245490063ba86d304cb.png' in /Users/.../index.php on line 66
    ファイルの保存に失敗しました。
    と出てきました。
    これは保存先のファイルがどこにあるかわからないということでエラーが起きているということでしょうか。
    もしそうであれば、画像を保存してあるファイルを作ってそこを指定するということをコードで書けばよろしいのでしょうか? 

    そして、記事投稿との紐づけについても図々しいですが、簡単でいいので教えていただけますでしょうか。

    キャンセル

  • 2018/07/22 18:24

    まず、move_uploaded_fileをPHPの本家サイトで使い方を調べましょう。

    キャンセル

  • 2018/07/22 18:29

    ありがとうございます。まずは、教えていただいたことも含め、本家サイトを理解できるまで読んでみようと思います。

    キャンセル

+3

初めて質問するのでこのような形で合っているのかわかりませんが、なんとか完成させたい部分なので
ご回答できる方いらっしゃましたら、コードも含め教えていただけると幸いです。 

何を完成させたいのか不明ですが、貼ってあるコードはインターネット上に公開してはダメなレベルのセキュリティです。

まずは基礎から学習してみては?

PHP マニュアル
簡易チュートリアル

php で最初に覚えるべきは、post の受け取りと、DB 接続です。
以下が詳しいです。

$_GET, $_POSTなどを受け取る際の処理
PHPでデータベースに接続するときのまとめ

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/07/22 17:48

    同意です。
    コピペで動いたが、書く事が出来ないと言われているという事は、書いているコードを理解していないので間違いの箇所を説明しても理解出来ず、セキュリティ等考慮出来ないと思いますので、悪質な人の踏み台などになる可能性が怖いです。
    まずは基礎から勉強する事を私もお勧めします。

    キャンセル

  • 2018/07/22 18:26

    これを世の中に出すつもりはありませんが、そうですよね。
    どんなことから始めるべきか教えていただきありがとうございます。
    まだなんとなくでしかコードを読んでも理解ができていないので、ちゃんとマニュアルを読み、勉強させていただきます。

    キャンセル

  • 2018/07/22 18:29 編集

    PHPに限らず最初はデバッグとマニュアル参照の仕方を・・・。
    コピペコードほどデバッグが活きます。

    キャンセル

  • 2018/07/22 18:33

    私の周りの方々からも必ずデバッグについてはお話頂いていたので忘れず、行っていこうと思います。ありがとうございます。

    キャンセル

  • 2018/07/22 18:39

    php のマニュアルは、かなりいいものだと思いますが、初心者向けの環境構築や基礎学習にはちょっと向いていないとも思います。

    初学者の多くは、デバッグ環境込みの開発環境構築で躓くので、自身のPC環境に合致した初心者本を買い、開発環境を手早く整えるので良いです。
    で、後は最小要素に絞ったテストスクリプトを、ローカルで試していれば、基礎力は上がっていきます。

    回答に記述したように、POST の扱いと DB の取扱が php 初学者の最初のハードルなので、そのあたりを中心にテストスクリプトを量産すればよいかと。

    掲示板機能は色んな要素が入っているので、多少基礎ができてからのほうが良いです。
    あと、ファイルアップロードは中級者向けです。
    要件によって、かなり難易度が変わるので、それが理解できるようになるまで手を出さないほうが良いです。

    キャンセル

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

  • ただいまの回答率 90.50%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • PHP

    20358questions

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

  • HTML

    8980questions

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

  • MySQL

    5856questions

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

  • phpMyAdmin

    650questions

    phpMyAdminはオープンソースで、PHPで書かれたウェブベースのMySQL管理ツールのことです。

  • トップ
  • PHPに関する質問
  • PHP、MySQL、HTMLの画像とテキストを同時にDB保存とトップページで表示するブログのようなものを作りたい。