LaravelでS3に保存したが画像が表示されない

###前提・実現したいこと
LaravelでS3に画像を保存し、その画像を表示させたいのですが、表示されなくて困っています。
S3確認すると、task/に保存されており、中には10.jpg、11.jpgのようにid + .jpgの形式で保存されています。

###該当のソースコード
index.blade.php

php
1<form id="expire-form" method="post" action="{{ route('post_stock') }}" enctype="multipart/form-data">
2  @csrf
3  <div class="upload-button">ファイルを選択する
4    <input type="file" name="image" onchange="uv.style.display='inline-block'; uv.value = this.value;">
5    <input type="text" id="uv" class="upload-value" disabled>
6  </div>
7  <div class="group">
8    <label for="name">商品名</label>
9    <input id="name" type="text" name="product">
10  </div>
11</form>

list.blade.php

php
1@foreach($stock_cosmetics as $stock_cosmetic)
2  <div class="stock-items">
3     @if($stock_cosmetic->image === null)
4       <img src="{{ asset('img/no-image.jpg') }}" alt="no-image">
5     @else
6       <img src="{{ Storage::disk('s3')->url("stock/{$stock_cosmetic->id}.jpg") }}">
7     @endif
8     <div class="stock-items-text">
9        <p>{{ $stock_cosmetic->product  }}</p>    
10     </div>
11　　　<a href="{{ route('show_stock', ['id' => $stock_cosmetic->id]) }}">詳細/編集</a> 
12  </div>
13@endforeach

StockController

php
1public function index(Request $request)
2    {
3        $user_id = Auth::id();
4        $stocks = StockCosmetic::where('user_id', $user_id);
5        $stocks->select('image', 'id', 'product',　'created_at')->orderBy('created_at', 'desc');
6        $stock_cosmetics = $stocks->paginate(15);
7
8        return view('stock_cosmetics.list_of_stock', ['user_id' => $user_id, 'stock_cosmetics' => $stock_cosmetics]);
9    }
10
11
12public function store(Stock $request)
13    {
14        $stock_cosmetic = new StockCosmetic();
15
16        $stock_cosmetic->color = $request->input('product');
17        $stock_cosmetic->user_id = Auth::id();
18     
19        $stock_cosmetic->save();
20
21        // image
22        $request->image->storePubliclyAs('/task', $stock_cosmetic->id . '.jpg', ['disk' => 's3']);
23
24　　　　　return redirect('stock_cosmetics/list_of_stock/{user_id}/stock_cosmetics');
25　　}
26

web.php

php
1Route::get('/list_of_stock/{user_id}/stock_cosmetics/', 'StockCosmeticController@index')->name('list_of_stock');
2Route::post('/post_stock', 'StockCosmeticController@store')->name('post_stock');

###補足情報（FW/ツールのバージョンなど）
-各バージョン
-Laravel 6.x
-PHP 7.4.9

恐らくsrcの指定方法が誤っているのではないかと思いますが、解決方法がわからない状態です。
どなたかご教授いただけるとありがたいです。

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

回答1件

ベストアンサー

S3確認すると、task/に保存されており

と書かれていますので、以下のようにする必要があるのではないでしょうか。

php
1  <img src="{{ Storage::disk('s3')->url("task/{$stock_cosmetic->id}.jpg") }}">

（追記）

また、StockControllerクラスのstoreメソッドでも、S3でのパスをモデルのimageプロパティに保存する必要がありそうです。

php
1    $stock_cosmetic = new StockCosmetic();
2
3    $stock_cosmetic->color = $request->input('product');
4    $stock_cosmetic->user_id = Auth::id();
5
6    $stock_cosmetic->save();
7
8    if ($request->hasFile('image') && $request->file('image')->isValid()) {
9        // ファイルが存在し、アップロードに問題がなかった場合
10        $path = $request->image->storePubliclyAs('/task', $stock_cosmetic->id . '.jpg', ['disk' => 's3']);
11        $stock_cosmetic->image = $path;
12        $stock_cosmetic->save();
13    }