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

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

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

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

PHP

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

HTML

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

Q&A

解決済

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

oooz
oooz

総合スコア9

Laravel

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

PHP

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

HTML

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

1回答

0グッド

0クリップ

208閲覧

投稿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

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

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

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

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

  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

m.ts10806

2023/02/04 22:28

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

回答1

0

自己解決

自己解決しました。

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

投稿2023/02/05 04:12

oooz

総合スコア9

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

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

このような回答には修正を依頼しましょう。

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

ただいまの回答率
86.02%

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

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

質問する

関連した質問

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

Laravel

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

PHP

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

HTML

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