title: How to access image from storage
body: <p>I have a file saved in storage/app/uploads and I would like get this this image saved and show with img src tag.</p>
  
  <p>But I can't </p>
  
  <p>I am trying:</p>
  
  <pre><code>public function getSlider(Request $request)
      {
          $slider = Slider::find( $request-&gt;input('id') );    
          $slider-&gt;imagem = storage_path('storage/app/uploads/'.$slider-&gt;imagem);
  
          return response()-&gt;json( $slider );
      }
  </code></pre>
  
  <p>And I am trying show with jquery and javascript</p>
  
  <pre><code>function getSliders() {
          $.ajaxSetup({
              headers: {'X-CSRF-TOKEN' : $('#token').val() }
          })
          $.ajax({
            url: "{{ route('site.getSlider') }}",
            type: "post",
            dataType: "json",
            data: {
              id: $('#id').val()
            }
          }).done( r  =&gt; {
               console.log('r',r)
               $('#description').val( r.description )
               setImage( r.image )
          })
      }
  </code></pre>
  
  <p>And setting Image</p>
  
  <pre><code>function setImage( image ){
      var newImage = document.createElement('img');
      newImage.setAttribute('src', image);        
      newImage.width = 500;
      newImage.heigth = 200;
      document.getElementById("photo").innerHTML = newImage.outerHTML;
  }
  </code></pre>
  
  <p>When I want access image from public/img I use</p>
  
  <pre><code>&lt;img src="{{ URL('img/myImage.png') }}"&gt;
  </code></pre>
  
  <p>But I want to access from storage/app/uploads </p>
  
  <p><a href="https://i.stack.imgur.com/lS1aW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lS1aW.png" alt="age"></a></p>