Q&A
質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わりますし、質問一覧に表示されるのでわかりやすくなります。
前提・実現したいこと
初めて投稿いたします。htmlとcssによるWebサイト作成の経験はありますが、php初心者です。
上記のようなカラーセレクトができるサイト作成を試みています。
発生している問題・エラーメッセージ
その際、選択している内容（フローリング・建具・扉・畳）に応じて、下記のように
「pt=01_01_04_01_on」とメイン部分（リビング）の画像を切り替えたい場合、イメージ画像
の保存方法や保存場所はどのように設定すれば可能になりますでしょうか。
http://kanaike.jp/simulation/colorsimulator.php?pt=01_01_04_01_on
該当のソースコード
該当部分の画像は「js」ファイル内で、下記のように呼び出し、
$("#change img.target").attr("src" ,"colorsimulator.php?photo=" + floor + "" + cabinet + "" + door + "" + tatami + "" + interior + "");
ブラウザ表示の「php」ファイル内で、下記のように表示されているようです。
<img class="target" src="./colorsimulator.php?pt=01_01_01_01_on" width="1000" height="625" />
試したこと
ちなみに、MySQLに画像を保存するまではやってみたのですが、それを読み込んで表示できるまでには至っていません。
質問が漠然としているのかもしれませんが、何卒よろしくお願いいたします。
補足情報（FW/ツールのバージョンなど）
プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）
DBに保存されている画像はどのような形式なのでしょうか。現在組まれているPHPコードもあわせてご提示ください（質問本文に追記してください）
回答3件
0
- PHP を Web から呼び出したとき、http://～?id=... となっているパラメータ部分は、$_GET という変数に連想配列として格納されます。
参考：PHP マニュアル
2. 1. を利用してパラメータを取得できれば、次はそのパラメータから適切な画像を取り出して、画像の設定のパスを書き換えてやればよいです。
※<img src="...."> の、.... の部分を適切に置き換える
投稿2018/06/20 04:55
総合スコア13703
0
指定された画像データが正しく取り出せるのであれば、ヘッダを付けてレスポンスを返すだけです。
投稿2018/06/20 04:48
退会済みユーザー
総合スコア0
0
ベストアンサー
画像をdb保存できている ＋ 呼び出すimgタグはできている、のでしたら、
そのimgタグにある「./colorsimulator.php?pt=01_01_01_01_on」にアクセスして、
実際にdbから画像を読み込めるようにしないといけないのではないでしょうか？
colorsimulator.phpは出来ているのでしょうか？
投稿2018/06/20 05:02
総合スコア15
colorsimulator.phpが出来ていないと思います。いろんなサイトを見ながら何度か試行錯誤したのですが、行ったり来たりで現時点で書いているコードは恥ずかしながら、下記のコードです（すみません）。
<?php
$src = file_get_contents('image/$filename');
header('Content-Type: image/jpeg');
echo $src;
?>
colorsimulator.php?pt=01_01_01_01_on
にアクセスしたら画像が表示されるようにしないといけないですね。
MySQLに画像を保存、とありますが、実際dbに登録されている情報はなんですか？
画像のパスを登録されていて、画像自体はimagesディレクトリに置いてますか？
dbに登録する際、アップローダーのphpも試してみたのですが、うまくいかなかったので、直接挿入で画像を登録してしまっている状態です。画像はダウンロードすると「posts-image.bin」となり、拡張子をpngに換えると「posts-image.png」で表示されています。画像自体は「images」ディレクトリにはありません。
本当にわかっていない状態で申し訳ありません。
https://joyplot.com/documents/2016/10/06/php-mysql-image/
こちらで紹介されている画像を読み込むスクリプトを参考にカスタムされたらいけるような気がしますが、いかがでしょうか？
ありがとうございました。お教えいただいた上記サイトの流れで画像の登録はでき、dbでも、画像データとnameの確認ができました。ブラウザでも「load.php?name=1212」等で画像表示ができました。このスクリプトを使用してdbに画像を登録していく場合は、画像登録ごとにsave.php内の8行目「<img src="testImage.png" alt="保存する画像">」と39行目の「$imagePath = "./testImage.png";」を毎回入力し直さなければ無理でしょうか。
登録画面を別で作りたいということですか？
https://qiita.com/mpyw/items/117ab6a88fd58d911c34
こちらにほぼそのままっぽい例がありました。
フォームで画像をアップして、dbに保存しているようです。
ありがとうございました。フォームで画像をアップして「name」で画像ファイルを引っ張ってくるようにできればうまくいきそうです。助けていただき感謝申し上げます。引き続き取り組んでみます。ご丁寧に導いて下さって本当にありがとうございました。
よかったです☆
あなたの回答
tips
プレビュー
