画像編集の際に最大画像数に達していなければ新規投稿ボタンも表示したいです。

Question

前提・実現したいこと

php,Laravelで投稿機能を実装しました。その際画像を3枚まで載せることができ、編集も可能になりました。ただ新規投稿の際に1枚しか登録しないと編集画面でも1枚しか編集できず画像を追加することができません。
もし登録画像が0枚の場合新規登録できるボタンを3つ,登録画像が１枚の場合新規登録できるボタンを２つ、登録画像が２枚の場合新規登録できるボタンを１つ、表示したいです。アドバイスよろしくお願いいたします。

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

該当のソースコード

<div class="edit-main"></div>
  <div class="edit-content">
    <h1>編集</h1>


    <form action="{{route('update')}}" method="post" enctype="multipart/form-data">
        @csrf
        <p>今回のメニュー</p>
        <select class="form-control" id="sel01" name="menu" >
            <option value="カット"selected>{{$item['menu']}}</option>
            <option value="カット">カット</option>
            <option value="パーマ" >パーマ</option>
            <option value="カラー" >カラー</option>
            <option value="カット&パーマ" >カット&パーマ</option>
            <option value="カット&カラー" >カット&カラー</option>
            <option value="カット&カラー" >パーマ&カラー</option>
            <option value="トリートメント" >トリートメント</option>
            <option value="その他" >その他（メモ欄へ記入）</option>
           
        </select>
        <p>メモ</p>
        <textarea type="textbox" name="memo" style="width:300px; height:200px;" >{{$item['memo']}}</textarea >
        <input type="hidden" name="id" value="{{$id}}"></input>
        
        @foreach($photo as $picture)
            @foreach($picture->images as $pic)
                        
            <img style="width:300px; height:320px; "src="{{asset('storage/' . $pic['photo'])}}" alt="{{asset('storage/' . $pic['photo'])}}">
            <input type="file" id="file" name="{{'files['.$pic['id'].']'}}" class="form-control" ></input>
            
            @endforeach
        @endforeach
      
          <input class="send-btn"type="submit" value="送信"></input>
      </form>
   
  </div>
</div>

 public function edit($id)
    {
        
        $detail_get_query = Detail::with('images');
        $item = $detail_get_query->find($id);
        $photo= $detail_get_query->where('details.id',$id)->get();
       
       
        return view('customer.edit', [
            'item'=>$item,
            'id'=>$id,
            'photo'=>$photo,
        ]);
    }

試したこと

for文やif文を使って自分なりに試してみましたがうまく機能しませんでした。

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

ここにより詳細な情報を記載してください。

Answer 1

カウンタ用意してその制限数に達したらループをbreakで抜けたら良いかと思います。

Comments

[Yutaka-kamei]

ご回答ありがとうございます。初心者なのであまり理解ができていないのですが、foreachを使わずにforでループさせるということでしょうか。

[m.ts10806]

foreachでもループ前に自前で変数用意して++使えばループカウンタができます。

[m.ts10806]

※ただ、Laravelの「Web職人のためのフレームワーク」というテーマからそもそもの敷居の高さは感じてほしい

[Yutaka-kamei]

ありがとうございます。最近入社したばかりでphpとlaravelを会社で使うとのことだったのでLaravelに挑戦しました。少し早かったかもしれないです、、、

[Yutaka-kamei]

<?php $i=0 ?>
@foreach($photo as $picture)
@foreach($picture->images as $pic )

<img style="width:300px; height:320px; "src="{{asset('storage/' . $pic['photo'])}}" alt="{{asset('storage/' . $pic['photo'])}}">
<input type="file" id="file" name="{{'files['.$pic['id'].']'}}" class="form-control" ></input>
<?php $i++ ?>
@endforeach
@endforeach
@if($i == 0)
<input type="file" id="file1" name="file[]" class="form-control">
<input type="file" id="file2" name="file[]" class="form-control">
<input type="file" id="file3" name="file[]" class="form-control">

@elseif($i == 1)
<input type="file" id="file1" name="file[]" class="form-control">
<input type="file" id="file2" name="file[]" class="form-control">
@elseif($i == 2)
<input type="file" id="file1" name="file[]" class="form-control">
@endif

m.ts10806さんがアドバイスしていただいた通りにできているかは分かりませんが、カウントとループを使ってできました。ありがとうございました。

[m.ts10806]

PHPの基礎をおさえ、ドキュメントを活用できるようになってからのほうが良いでしょうね。
いきなりフレームワークから入る方が時間かかります。