写真の編集画面で"選択されていません"の部分に保存されている写真の値を入れたい。laravel

Question

写真の編集処理についてです。

解決したいこと：　edit画面で保存してある写真の情報をinputに入れて表示したい。

現状：　edit画面に移動すると"選択されていません"と表示されてしまいます。

          <div class="form-group">
            <label for="item_image">写真</label>
            <input type="file" name="image" id="item_image" value="{{$item->image->src}}">
          </div>

試したこと

{{$item->image->src}}でviewに値が表示されるか？　=> された
 <img src="/{{$item->image->src}}">で表示できるか？ =>出来た

怪しいと思う所
$item->image->srcの値は写真のファイル名ではなく、保存場所までのパスになっています。なので、inputのvalueが求めているのは写真のファイル名なのではないか？と思っています。
保存の仕方⬇︎

　　　　　newの時
　　　　　$image = new Image();
        $path = $request->image->store('public');
        $read_temp_path = str_replace('public/', 'storage/', $path);
        $image->src = $read_temp_path;

        $item->image()->save($image);

　　　　　データベースに保存される値: storage/NDK****.jpeg

$item->image->srcで持ってこれる値は写真の保存先までのパス。しかしinputのvalueで求められているのはファイル名。この仮説の場合ファイル名を表示させる方法はあるのでしょうか？

上記のような場合どう対処すれば良いでしょうか？
お分かりになる方いましたら、ご教授いただきたいです。

laravel7.2

Answer 1

type="file"の仕様です。（セキュリティ上の理由：参考）

<input type="file" value="aaa">
<input type="file" value="aaa.jpg">
<input type="file" value="C:\Users\xxx\aaaaa.html">

ファイル名を表示させたいのであればvalueではなく単なるラベルとして表示します。
「画像」であれば、よく見られるのは「前の画像」としてimgタグで表示させます。
他にはWebから参照可能な場所においてリンクで開くとか、ダウンロードファイルとしてサーバーサイドから送信するとか。

どうするかは設計・要件次第で。

Comments

[tenlife]

回答ありがとうございます！
セキュリティの問題なのですね。。勉強になります。
前の画像を表示させる形で実装していきます。
ありがとうございました！

[m.ts10806]

ヒントになったようで何よりです。