下書き機能の画像アップロード

前提

laravelで下書き機能を作っている

実現したいこと

下書きの再編集機能を作ろうしています。
テキストは特に問題ないですが、下書きで登録した画像情報を、再編集後「input [type="file"]」にアップロード済みの画像を「input [type="file"]」で送る場合、「input [type="file"]」にはアップロード済みの画像の画像URLを設定するのでしょうか？
それともファイル選択にて選択した画像情報(originalNameやmimeTypeなど画面上でinput [type="file"]にてファイルを選択した状態の画像情報)と同じ内容を設定するのでしょうか？
その場合、どのようにしてアップロード済みの画像情報を選択した画像情報と同じ内容で設定するのでしょうか？
現在アップロード済みの画像情報はDB上には「/storage/img/sample.jpeg」のような画像URLを保持し、画像自体は「/storage/app/public/sample.jpeg」に画像ファイルを登録しています。

該当のソースコード

php
1<div class="thumbnail-content">
2　<label class="label" style="display: block;">{{ config('plan.message.thumbnail') }}</label>
3　<label>
4　　<div class="thumbnail">
5　　　<div class="delete_spot_photo delete_photo"><span>×</span></div>
6　　　<img class="thumbnail-img" @if(!empty($plan->image)) src="{{ $plan->image }}" @endif>
7　　　<span class="photo">写真追加</span>
8　　</div>
9　　<input type="file" name="thumbnail" id="thumbnail" hidden accept=".png, .jpeg, .jpg">
10　</label>
11</div>

$plan->imageはDBから取得した画像URLが入っています。

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

回答1件

ベストアンサー

セキュリティ上の理由でinput [type="file"]に初期値は設定できない（空にはできる）ので、画像なのであればimgタグで表示し、「変更する場合は再選択」のような対応をします。

投稿2022/09/04 01:37

m.ts10806

総合スコア80850

jem32o_

2022/09/04 01:41

下書き機能を初めて実装するのですが、 formで送る際は、input [type="file"]にて「変更する場合は再選択」していない場合、imgのsrcの値を送り、「変更する場合は再選択」した場合、input [type="file"]のvalueを送る形になるのでしょうか？

m.ts10806

2022/09/04 04:36 編集

いいえ。未選択の場合はアップロード、更新しない選択の場合はアップロード、更新するです。設計次第ではありますが、未選択の場合はアップロードやDBの登録処理をしません。（画像の情報保存してるフィールドのみ）必須の場合は新規か更新かで分ける必要があります。更新の場合は未選択でもバリデーションかけてはいけません。

jem32o_

2022/09/04 12:53

わかりましたありがとうございます。

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