javascript - 如何以编辑形式在图像预览中检索保存图像？

Question

我正在尝试在上传之前使用图像预览。它在创建新图像时工作正常。但是如何检索已经保存在编辑表单中并且可以在我尝试更改另一个图像时更改的图像？这是我的文件输入类型。

 <input type="file" class="form-control" name="image" id="image">
 <img id="user_image" src="{asset('admin/images/user/'.auth()->user()->image)}}" />

这是我在上传之前预览图像的脚本文件

<script>

      function readURL(input) {


          if (input.files && input.files[0]) {

              var reader = new FileReader();
              reader.onload = function(e) {
                  @php  $value=auth()->user()->image; @endphp
                  $('#user_image').show();
                    $('#user_image').attr('src', e.target.result).slideDown();;
              };

              reader.readAsDataURL(input.files[0]);
          }
      }

      $("#image").change(function() {
          readURL(this);
      });
  </script>

标签： javascriptlaravel