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

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

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

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

コードレビュー

コードレビューは、ソフトウェア開発の一工程で、 ソースコードの検査を行い、開発工程で見過ごされた誤りを検出する事で、 ソフトウェア品質を高めるためのものです。

MAMP

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

Q&A

解決済

1回答

2727閲覧

PHP 画像の表示ができない(クエスチョンマークが出る)

Ryuakira

総合スコア16

PHP

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

コードレビュー

コードレビューは、ソフトウェア開発の一工程で、 ソースコードの検査を行い、開発工程で見過ごされた誤りを検出する事で、 ソフトウェア品質を高めるためのものです。

MAMP

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

0グッド

0クリップ

投稿2020/08/16 11:29

編集2020/08/16 11:59

前提・実現したいこと

phpで指定した画像ファイルを表示させるようなコードを書いているのですが、
画像ではなく、クエスチョンマークが表示されてしまいます。
画像の入っているファイルの指定方法が間違っているのかと思い、修正をしてみましたが解決できませんでした。

追記:
MAMPのローカルホストを使用して、PHPを表示させています。
http://localhost/work/myproj_super_intro/ch04/multiplePrint.php

また画像の格納先は、下記の階層です。
アプリケーション/MAMP/htdocs/work/myproj_super_intro/cards/clover/

本当に初心者の質問ですみません。
自身で検索しましたが、解決できず…
お力を貸していただきたいです。

発生している問題・エラーメッセージ

エラーメッセージ クエスチョンマークが表示されます。

▼表示される画面
クエスチョンマークが出ます

該当のソースコード

php

1 2<?php 3 //array関数を使って画像名を配列で作成 4 $cards=array("01.png","02.png","03.png","04.png","05.png","06.png", 5 "07.png","08.png","09.png","10.png","11.png","12.png","13.png",); 6 7 //フォームのPOST送信データを各変数に代入 8 $iNum=$_POST['num1']; 9 $jNum=$_POST['num2']; 10?> 11 12<html> 13 <head> 14 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 15 </head> 16 17 <body> 18 ■入力番号のカード 隠しフィールドの番号カード<br> 19 <?php 20 echo'<img src="/myproj_super_intro/cards/clover/',$cards[$iNum],'"> &nbsp;&nbsp;&nbsp;&nbsp;'; 21 echo '<img src="/myproj_super_intro/cards/clover',$cards[$hNum],'">'; 22 ?> 23 </body> 24</html>

試したこと

・ファイルの階層の修正

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

▼ファイルの階層
ファイルの階層
▼画像データの詳細
画像データ

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

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

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

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

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

KoichiSugiyama

2020/08/16 11:46

phpファイルはどのフォルダに格納されていますか?また、そのphpファイルにアクセスするURLはどう表現されいますか?これらの情報を追記していただいた方がより的確な回答を得やすいと思います。
Ryuakira

2020/08/16 12:00

Koich Sugiyama様 追記してみましたが、ご依頼いただいた内容を反映できていますでしょうか。
guest

回答1

0

ベストアンサー

回答

以下の様な流れで確認/修正してみてください。

  1. 表示させたい画像のURLに対してブラウザで直接アクセスして(ブラウザのURL欄に直接入力)、srcに指定するべき文字列が正しいことを確認する。
  2. PHPを使って表示しようとしているHTMLを、ひとまずはPHPを使わずにただのHTMLで作って表示が正しい事を確認する。
  3. PHPで表示されているページのhtmlソースコードを表示して2で作成したHTMLと比較して想定外の部分を修正する

HTMLソースコードの表示方法はmac safari htmlソース表示方法等で調べてみて下さい

回答の背景

PHPが最終的に表示するのはただの文字列であり、
その文字列をブラウザがHTMLやJavaScriptとして解釈するという仕組みです。
そのため、PHPでのwebアプリケーション開発では

  1. 最終的に表示したいHTMLを決める
  2. そのHTMLが生成されるようにPHPを組む
  3. 実際に出力されているHTMLと1で決めたHTMLを比較して、違っていれば修正する

という流れになります。
質問の状態を見るに、
最終的に出力したいHTML(ここでは画像の正しいパス)と、
PHPによって出力されたHTMLの確認方法が分からない
という状態に見えます。

この状態では効果的な回答を得られる質問をする事も難しいと思いますので、まずは回答の流れに沿って修正を試みて、その上で不明な点を追記していただければ、より適切な回答が得られるかと思います。

投稿2020/08/16 12:06

編集2020/08/16 12:23
tanat

総合スコア18713

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

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

Ryuakira

2020/08/16 14:52

ありがとうございます! フォルダー指定が間違えていました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問