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

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

ただいまの
回答率

90.52%

  • PHP

    20326questions

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

  • HTML

    8958questions

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

  • phpMyAdmin

    650questions

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

  • MAMP

    218questions

    Mac 上で WordPress などの動的ページのサイトが作れるように環境を構築するフリーソフト

  • アップロード

    63questions

    アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

phpで簡易掲示板を作成した際、画像のアップロード後に404エラーが発生しました。解決方法を教えてください。

解決済

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 395

syoma

score 9

MAMPで簡易掲示板を作成し、テストをしているところで
画像のアップロードには成功しましたが、表示がうまくされません。
404エラーが発生しました。
しょうもないミスだとは思いますが、解決方法がわかりません。
解決方法を教えてください。

g_logon.html

g_logon2.php

g.php 一覧表示画面

g_up.php 画像アップロード

g_up_set.php 画像アップロード結果

g.php 一覧表示画面 アップロード画像確認できない 小さい四角でハテナマークが表示される

クリックすると下記の404エラーが表示される

画像アップロード結果から画像がうまく表示されません。
ディレクトリのパスは/Applications/MAMP/htdocs/内に
htdocs/g_main/とhtdocs/gz_img/があり
上記のファイルは全て/g_mainに保存されているのですが
画像ファイルは/gz_imgにアップロード後ちゃんと移されているのを確認しています。

Not Found

The requested URL /Applications/MAMP/htdocs/gz_img/20180103230252img.jpg was not found on this server.
g.php

<?php
    session_start();
?>

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ようこそクリエイティブ写真館 desu('_')へ!</title>
</head>
<body>

<?php
    if(isset($_SESSION['us']) && $_SESSION['us'] != null){
?>

<p style='color: red'>クリエイティブ写真館 desu('_')へ!</p>
<p><a href='g_up.php'>アップロード</a><br>
<a href='g_logoff.php'>ログオフ</a></p>

<?php
    require_once("db_init.php");
    $ps=$db->query('select * from table1 order by ban desc');
    while($r=$ps->fetch()){
        $tg=$r['gaz'];
        print "<p>{$r['ban']}【投稿者:{$r['nam']}】{$r['dat']}<br>"
        .nl2br($r['mes'])
        ."<br><a href='/Applications/MAMP/htdocs/gz_img/$tg' target='_blank'>
        <img src='/Applications/MAMP/htdocs/gz_img/thumb_$tg'></a><hr></p>";
    }
?>

<p><a href='g_up.php'>アップロード</a><br>
<a href='g_logoff.php'>ログオフ</a></p>

<?php
    }else{
        session_destroy();
        print "<p>ちゃんとログオンしてね!<br>
        <a href='g_logon.html'>ログオン</a></p>";
    }
?>

</body>
</html>
g_up.php

<?php
    session_start();
?>

<!doctype html>
<html>
<head>
<meta http_equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ようこそクリエイティブ写真館 desu('_')へ!</title>
</head>
<body>
<p style='color:red'>クリエイティブ写真館 desu('_')</p>

<?php
    if(isset($_SESSION['us'])&& $_SESSION['us']!=null){
?>

<p>投稿よろしくお願いします!</p>
<form enctype='multipart/form-data' action='g_up_set.php' method='post'>
名前<br>
<input type='text' name='myn'><br>
メッセージ<br>
<textarea name='mym' rows='10' cols='70'></textarea><br>
<input type='file' name='myf'>
<p>送信できるのは1MBまでのJPEG画像だけです!<br>また展開後のメモリ消費が多い場合アップロードできません。</p>
<input type='submit' value='送信'>
</form>
<p><a href='g.php'>一覧表示へ</a></p>

<?php
    }else{
        session_destroy();
        print "<p>ちゃんとログインしてね!<br><a href='g_logon.html'>ログオン</a></p>";
    }
?>

</body>
</html>
php_up_set.php

<?php
    session_start();
?>

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ようこそクリエイティブ写真館 desu('_')へ!</title>
</head>
<body>

<?php
    if(isset($_SESSION["us"])&& $_SESSION["us"] !=null){
        $file=$_FILES['myf'];

        if($_POST['myn']<>""&& $_POST['mym']<>""&& $file['size']>0
           && ($file['type']=='image/jpeg'|| $file['type']=='image/pjpeg')
           && (strtolower(mb_strrchr($file['name'],'.',false))==".jpg")){

            if($file['size']>1024*1024){
                unlink($file['tmp_name']);
?>

<p>アップするファイルのサイズは1MB以下にしてください</p>
<p><a href='g_up.php'>アップロード画面に戻る</a></p>

<?php
            }else{
                //アップロードされた画像ファイルを移動
                $ima=date('YmdHis');
                $fn=$ima.$file['name'];
                move_uploaded_file($file['tmp_name'],'/Applications/MAMP/htdocs/gz_img/'.$fn);

                $my_nam=htmlspecialchars($_POST['myn'],ENT_QUOTES);
                $my_mes=htmlspecialchars($_POST['mym'],ENT_QUOTES);

                //サムネイルの作成
                $motogazo=imagecreatefromjpeg("/Applications/MAMP/htdocs/gz_img/$fn");
                list($w,$h)=getimagesize("/Applications/MAMP/htdocs/gz_img/$fn");
                $new_h=200;
                $new_w=$w*200/$h;
                $mythumb=imagecreatetruecolor($new_w,$new_h);
                imagecopyresized($mythumb,$motogazo,0,0,0,0,$new_w,$new_h,$w,$h);
                imagejpeg($mythumb,"/Applications/MAMP/htdocs/gz_img/thumb_$fn");

                //サムネイルの表示
                print "<p>".$file['name']."のアップロードに成功!<br>
                <img src='/Applications/MAMP/htdocs/gz_img/thumb_$fn'></p>";

                //データベースに追加
                $c_ip=$_SERVER['REMOTE_ADDR'];
                $c_host=gethostbyaddr($c_ip);
                require_once("db_init.php");

                $ps=$db->prepare("insert into table1 (nam,mes,ope,gaz,dat,ip,host) values (:v_n,:v_m,1,:v_g,:v_d,'$c_ip','$c_host')");
                $ps->bindParam(':v_n',$my_nam);
                $ps->bindParam(':v_m',$my_mes);
                $ps->bindParam(':v_g',$fn);
                $ps->bindParam(':v_d',$ima);
                $ps->execute();
                print "<a href='g.php'>一覧表示へ</a>";
            }
        }else{
?>

<p>名前とメッセージを入力しJPEGファイルを選択してください<br><a href='g_up.php'>再度アップロード</a></p>

<?php
        }
    }else{
        session_destroy();
        print "<p>ちゃんとログオンしてね!<br><a href='g_logon.html'>ログオン</a></p>";
    }
?>

</body>
</html>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 2

+2

以下のエラーメッセージですが、

Not Found
The requested URL /Applications/MAMP/htdocs/gz_img/20180103230252img.jpg was not found on this server.

これは、このURL上にファイルがないという意味です。上記は実際のファイル名ですが、URLのパス名としては間違っています。おそらく下記が正しいのではないでしょうか? ブラウザ上で確認してみるとよいと思います。

/gz_img/20180103230252img.jpg

蛇足ながら、以下はクロスサイトスクリプティング(XSS)の可能性があります。

//サムネイルの表示
print "<p>".$file['name']."のアップロードに成功!<br>
img src='/Applications/MAMP/htdocs/gz_img/thumb_$fn'></p>";

$fnは、htmlspecialchars関数を通す必要があります。

また、以下は余計というか、タイミングがおかしいです。

$my_nam=htmlspecialchars($_POST['myn'],ENT_QUOTES);
$my_mes=htmlspecialchars($_POST['mym'],ENT_QUOTES);

この後DBにこれらを格納していますが、htmlspecialchars関数を使うのは表示の直前、というのが原則です。そうでないと、クロスサイトスクリプティング脆弱性が入り込みやすいです。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/01/04 15:20

    アドバイスをもとに書きコード修正をし、無事画像の表示がされました!
    ありがとうございます!

    g.php
    while($r=$ps->fetch()){
    $tg=$r['gaz'];
    print "<p>{$r['ban']}【投稿者:{$r['nam']}】{$r['dat']}<br>"
    .nl2br($r['mes'])
    ."<br><a href='/Applications/MAMP/htdocs/gz_img/$tg' target='_blank'>
    <img src='/gz_img/thumb_$tg'></a><hr></p>";
    }

    g_up_set.php
    //サムネイルの表示
    print "<p>".$file['name']."のアップロードに成功!<br>
    <img src='/gz_img/thumb_$fn'></p>";

    キャンセル

checkベストアンサー

+1

httpサーバはドキュメントルートという設定をしています。
指定したディレクトリより上にはブラウザ側からはアクセスができないようになっています。
「絶対パス」でアクセスできますと見られたくないファイルにアクセスできてしまうからです。
ockeghemさんの仰る通り
例えばドメインがhttp://localhost/でしたら
http://localhost/gz_img/20180103230252img.jpgで画像が表示されるかと思います。

<img src="">にはドキュメントルートからの記述となりますので
<img src="/gz_img/20180103230252img.jpg">でOKと思います。

私も蛇足で一つ

画像のファイル名を日時で生成していますが、同時にアップロードされますと問題があると思います。
http://jp2.php.net/manual/ja/function.move-uploaded-file.php
警告 コピー先のファイルが既に存在する場合、上書きされます。

同じ日時(秒)でアップロードされると最後にアップロードした画像が有効になり、同じ画像になってしましまいます。
同時のアップロードが絶対にありえないのであればよいのですが、
マイクロ秒まで使うとか乱数を付加するとかファイルのmd5を追加するとかで、ファイルの存在を確認してファイル名を再生成するとか対策が必要かと思います。

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/01/04 15:20

    アドバイスをもとに書きコード修正をし、無事画像の表示がされました!
    ありがとうございます!

    g.php
    while($r=$ps->fetch()){
    $tg=$r['gaz'];
    print "<p>{$r['ban']}【投稿者:{$r['nam']}】{$r['dat']}<br>"
    .nl2br($r['mes'])
    ."<br><a href='/Applications/MAMP/htdocs/gz_img/$tg' target='_blank'>
    <img src='/gz_img/thumb_$tg'></a><hr></p>";
    }

    g_up_set.php
    //サムネイルの表示
    print "<p>".$file['name']."のアップロードに成功!<br>
    <img src='/gz_img/thumb_$fn'></p>";

    キャンセル

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

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

関連した質問

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

  • PHP

    20326questions

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

  • HTML

    8958questions

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

  • phpMyAdmin

    650questions

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

  • MAMP

    218questions

    Mac 上で WordPress などの動的ページのサイトが作れるように環境を構築するフリーソフト

  • アップロード

    63questions

    アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

  • トップ
  • PHPに関する質問
  • phpで簡易掲示板を作成した際、画像のアップロード後に404エラーが発生しました。解決方法を教えてください。