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

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

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

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

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

HTML

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

Q&A

解決済

1回答

425閲覧

laravelの画像表示がうまくいかない

oooz

総合スコア9

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

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

HTML

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

0グッド

0クリップ

投稿2023/02/04 14:36

実現したいこと

お疲れ様です。
今回お聞きしたいのはlaravelで入力した画像がうまく表示されないことについてです。
データベースに保存することはできるのですが、表示されません。
エラーも出ているのですが、検索しても解決方法がないため困っています。
皆様の知恵を貸していただければと思います。

前提

画像を保存することはできるが、表示ができない。
シンボリックリンクはしている。
ついこの間までは表示できていた。(と思っている
登録した画像はファイルサイズが大きかったため、別のサイトでサイズを小さくしている。

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

127.0.0.1:53984 [404]: GET /storage/img/20230204_232123_0Feb23-0420.4+09:0011 - Invalid argument

該当のソースコード

list.blade.php

1 @foreach($messages as $message) 2 <div class="top-content"> 3 <!-- idをdetail.phpへ渡す --> 4 <!-- メッセージのidを取得し詳細画面へ --> 5 <a style="text-decoration:none; color: black;" href="{{ route('detail.show', $message->id) }}"> 6 7 <!-- ユーザーのアイコン --> 8 <div class="top-img"> 9 <!-- 投稿した画像の1番目のみ表示 --> 10 <img src="{{ asset($message->message_img1) }}" alt=""> 11 <div class="top-imgtext"> 12 <!-- リレーションしたnameを表示 投稿主の名前 --> 13 <p>{{ $message->usertable->name }}</p> 14 <!-- メッセージ表示 --> 15 <div class="top-text"> 16 <!-- 投稿したメッセージを表示 --> 17 <p>{{ $message->message }}</p> 18 </div> 19 </div> 20 </div> 21 22 <!-- いつ投稿したのか表示 --> 23 <div class="top-created"> 24 <p>{{ $message->created_at }}</p> 25 </div> 26 </a> 27 @endforeach

listController.php

1 public function store(Request $request) 2 { 3 // バリデーション 4 $params = [ 5 'PostText' => ['required', 'string', 'max:140'], 6 'postimg1' => ['nullable','file','image','mimes:jpg,jpeg,png'], 7 'postimg2' => ['nullable','file','image','mimes:jpg,jpeg,png'] 8 ]; 9 $this->validate($request, $params); 10 11 // ユーザーの情報 12 $user = Auth::user(); 13 $id = $user->id; //ユーザーid 14 15 // 入力した情報 16 $posttext = $request->PostText; 17 18 // 画像1があるか 19 if($request->has('postimg1')) 20 { //入っていれば名前をつけ保存 21 $postimgname1 = $request->file('postimg1')->getClientOriginalName(); 22 $imgnewname1 = date('Ymd_His'.'_'.$postimgname1); 23 $postImgDate1 = $request->file('postimg1')->storeAs('public/img', $imgnewname1); 24 $postImg1 = 'storage/img/' . $imgnewname1; 25 } else { 26 $postImg1 = 'images/20200501_noimage.jpg'; 27 } 28 29 $messageinsert = $this->message->insert($id, $posttext, $postImg1, $postImg2); 30//$postimg2も同様の書き方で記載している。

model

1 public function insert($id, $posttext, $postImg1, $postImg2) 2 { 3 // メッセージテーブルに追加 4 return $this->create([ 5 'user_id' => $id, 6 'message' => $posttext, 7 'message_img1' => $postImg1, 8 'message_img2' => $postImg2 9 ]); 10 11 }

migration

1 Schema::create('messages', function (Blueprint $table) { 2 // $table->id(); 3 $table->id(); 4 $table->foreignId('user_id')->constrained('users')->onDelete('cascade'); 5 $table->string('message', 140); 6 $table->string('message_img1')->nullable(); 7 $table->string('message_img2')->nullable(); 8 $table->timestamp('created_at')->useCurrent(); 9 10 });

試したこと

画像のサイズで例外が発生していたため、別のサイトで画像のファイルサイズを小さくした。
シンボリックリンクが切れていないかを確認した。
縮小していない画像でも試したが、エラーが発生しうまくいかない。エラー文で検索したが対応策がわからない

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

laravel9
mysql
mamp

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

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

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

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

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

m.ts10806

2023/02/04 22:28

画像ファイル名はURLになるものであるため、URLとして有効な文字列でないといけませんが、現在のようにしているのはどういう要件からでしょうか
guest

回答1

0

自己解決

自己解決しました。

ファイルサイズを縮小するとうまく行ったので、ファイルサイズの問題かもしれません

投稿2023/02/05 04:12

oooz

総合スコア9

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問