I am running the following loop in my view to display the articles in my database:
@foreach($recentPost as $recent)
<div class="col-md-6">
<div class="indi-news-highlight-box">
<a href="{!! route('getArticle' , ['id' => $recent->id ]) !!}">
<img src="{!! public_path().'/images/'.$recent->filePath !!}" alt="{!! $recent->title !!}">
</a>
<div class="content-box">
<h3>
<a href="{!! route('getArticle' , ['id' => $recent->id ]) !!}">
{{ $recent->title }}
</a>
</h3>
<p>
{!! $recent->blog_content !!}
</p>
</div>
</div>
</div> <!-- End col-md-6 -->
@endForEach
The below line outputs the image in the view:
<img src="{!! public_path().'/images/'.$recent->filePath !!}" alt="{!! $recent->title !!}">
Now i don't get an images in my view , and neither are the images broken links , what i see is the below:
Now when i right click , open dev tools and try to open the image in a new tab, i see the following notice:
How do i overcome this permissions error ?? I am using xampp on windows.
EDIT:: What i get with a dummy image placeholder is the below: