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

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

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

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

解決済

Laravel8での画像投稿機能の実装について

nakatievent
nakatievent

総合スコア0

Laravel

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

1回答

0評価

0クリップ

671閲覧

投稿2021/03/02 03:09

編集2022/01/12 10:58

お疲れ様です。
質問お願いします。

現在、Laravel8で日記アプリを作っていて、画像投稿機能を実装しているところです。

PostControllerstoreアクションまでは実装し、データを挿入してみたところ、データベースのカラムにはpublic/image/3A2292DF-0BC9-4666-817D-C821D755A22F.jpegのようにデータは保存されている状態です。

ですが、index.blade.phpで表示させてみても画像のところだけ表示されません。

<img src="{{ Storage::url($post->picture) }}" class="card-img-top" alt="...">が間違っているのは分かるのですが、ググっても公式ドキュメントをみても解決しないのでご教授お願いします。

*下記は参考にしたサイトになります
「公式リファレンス」Laravel 8.x ファイルストレージ
画像アップロード機能を投稿フォームにつける【初心者のLaravel入門講座】

indexbladephp

<div class="row row-cols-1 row-cols-xl-3 g-4"> @foreach ($posts as $post) <div class="col"> <div class="card h-100"><img src="{{ Storage::url($post->picture) }}" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">{{$post->title}}</h5> <p class="card-text">{{$post->diary}}</p> <a href="/posts/{{$post->id}}">詳細を表示</a> <a href="/posts/{{$post->id}}/edit">編集する</a> <form action="/posts/{{$post->id}}" method="post"> {{ csrf_field() }} <input type="hidden" name="_method" value="delete"> <input type="submit" name="" value="削除する"> </form> {{-- <a href="/posts/{{$post->id}}">削除する</a> --}} </div> <div class="card-footer"> <small class="text-muted">Last updated 3 mins ago</small> </div> </div> </div> @endforeach </div>

PostControllerphp

public function store(Request $request) { $post = new Post; // $requestにformからのデータが格納されているので、以下のようにそれぞれ代入する $inputs = request()->validate([ 'picture'=>'image', 'title'=>'required|max:255', 'diary'=>'required|max:255', ]); // 画像ファイルの保存場所指定 if(request('picture')) { $filename = request()->file('picture')->getClientOriginalName(); $inputs['picture'] = request('picture')->storeAs('public/image', $filename); } // 保存 $post->create($inputs); // 保存後 一覧ページへリダイレクト return redirect('/posts'); }

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

Laravel

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