Laravel DBから画像を取得して表示したい

Laravelを学び始めた初心者です。
DBに画像を保存し、表示させたいのですが、エラーで先に進めません。
解決策をご提示いただきたいです。よろしくお願いいたします。
足りない情報や検討外れの事を書いてるかもしれませんが、何かあれば修正追記依頼をお願いします。

<開発環境>
OS mac10.15.4
php 7.4.5
Laravel 7.12.0

<実現したいこと>
editImage.blade.phpにてプロフィール画像を登録、DBに保存
↓
mypage.blade.phpで登録した画像を表示

<起きている事>
editImage.blade.phpにて画像を登録
↓
DBに画像が保存されている事を確認
dd($read_image)で$read_imageにも以下のように画像URLが格納されている事を確認。
"storage/images/SuimtnvQStpEOAVlpZBj4RI4n4dndI9pfhzuQHsQ.jpeg"
↓
画像をPOST後、mypage.blade.phpに画面が切り替わる。
（URLはmypage/editImage/{id}となっているが原因がわかりません。画像編集画面のURLのつもりなのですが...）
↓
ページのソースを確認すると、画像の部分は<img src="storage/images/j8EOSGUXyuIwSzkFZQzzRwBv1Fu3Qjt5jWzpsTlR.jpeg"
とパスが表示されており、実際にstorage/app/public/imagesの中に実在する事を確認。
しかし、404エラーが発生している。
↓
mypage?id={id}とURLを変えてmypage.blade.phpを呼び出してページのソースを確認すると、<img src="" と画像のパスが消えてしまう。

php artisan storage:linkコマンドは実行済みです。

以下が該当コードです。

web.php

Auth::routes();

Route::get('/home', 'HomeController@index')->name('home');

Route::middleware('auth')->group(function(){
    Route::view('mypage', 'mypage.mypage')->name('mypage');
});

Route::get('mypage/editImage/{id}', 'MypageController@editImage')->name('editImage');

Route::post('mypage/editImage/{id}', 'MypageController@updateImage')->name('updateImage');

MypageController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\User;

use Auth;

class MypageController extends Controller
{
    //
    public function __construct()
    {
        $this->middleware('auth');
    }
    // }
    public function editImage($id)
    {
       
        return view('mypage.editImage', ['id' => $id] );
    }
    
    public function updateImage(Request $request)
    {        
        
        $validateData = $request->validate([
            'image' => 'required|image|mimes:JPEG,jpeg,JPG,jpg,PNG,png'
        ]);
        
        $id = $request->id;
        $user = User::where('id', Auth::user()->id)->find($request->id);
        $user->image = $request->image->store('public/images');
        $image = $user->image;
        $read_image = str_replace('public/', 'storage/',$image);
        $user->save();
        
        return view('mypage.mypage', ['id' => $id, 'image' => $image, 'read_image' => $read_image]);
    }

mypage.blade.php

<body>
@extends('layouts.app')
@section('content')
<h2>マイページ</h2>
    名前→{{auth()->user()->name}}
        プロフィール写真→<img src="{{ $read_image ?? '' }}" width="300" height="300">

//

<a href="{{ route('editImage', ['id' => auth()->user()->id]) }}">プロフィール画像を編集</a>
@endsection
</body>

editImage.blade.php

<body>
@extends('layouts.app')
@section('content')
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<form action="{{ route('updateImage', ['id' => auth()->user()]) }}" method="post" enctype="multipart/form-data">
@csrf 
<input type="hidden" name="id" value="{{ auth()->user()->id }}">
    <div class="form-group">
        <label>プロフィール画像</label>
        <input type="file" name="image" class="form-control">
    </div>
    <button type="submit" class="btn btn-primary">登録する</button>
</form>
<br>

<a href="{{ route('mypage', ['id' => auth()->user()]) }}">マイページへ</a>
@endsection
</body>

行動規範の内容に同意します

回答1件

ベストアンサー

laravelのproject名/storage以下は(URLとして)直接見れないはず。

ファイルURL
を参考にシンボリックリンクを貼る必要があります＆URLパス間違えないように(絶対と相対)

投稿2020/05/25 03:25

rururu3

総合スコア5545

1h_m

2020/05/25 03:55

ご回答ありがとうございます。 php artisan storage:linkコマンドを実行したのですが状況変わらずです。このコマンドに追加でURL等を指定するのでしょうか。

rururu3

2020/05/25 04:05 編集

php artisan storage:link 実行したらpublicフォルダにstorageっていうシンボリックリンクができてるはずなので確認することと <img src="storage/images/ ってなってますが、web.phpみると mypage/editImage ってなってるのでパスが違うのでは？(<img src="/storage/images/ こうなりそう)

1h_m

2020/05/25 12:52

ご回答ありがとうございます。パスを見直し、$read_imageの引数の'storage/'を→'/storage/'にして表示できました。助かりました。ありがとうございました。

行動規範の内容に同意します