有关如何显示存储中图像的任何想法。我无法获取正确的格式。我注意到在图像源中使用post.media会使整个记录在检查中消失。但是一旦我将其删除或从互联网上放置了一个随机的图像URL,post.media就会在h3上回显想象中的文件名
<div v-for="post in posts" v-bind:key="post.id" class="py-3">
<div class="card">
<img src="{{ Storage::url('public/uploads/{{ post.media }})' }}" class="card-img-top">
<div class="card-body">
<h3>{{ post.media }}</h3>
<p>{{ post.description }}</p>
</div>
</div>
</div>
答案 0 :(得分:0)
所以您正在使用vue
,我认为它不会识别Storage::url()
。首先,创建一个从存储到 public 的符号链接。 php artisan storage:link
第二,创建一个计算属性 link
。
computed: {
link(){
return '/uploads/' + this.post.media;
}
}
简单
<img src="post.link">