媒体查找器在前端显示图像

Question

我创建了模型和数据库，并且可以使用媒体查找器上传图像。

我在fields.yamal 中将媒体查找器字段设置为photo。

但是上传后，照片栏中没有图片路径保存到数据库中。

---

数据库表

• id（整数）
• 标题（字符串）
• 照片（字符串）

树枝

{% for product in builderListCatalog.records %}
    {{ product.title }}
    <img src="{{ product.photo }}" />
{% endfor %}

这成功显示了标题但没有显示照片路径，因为它在数据库中是空的。

Answer 1

您需要删除所有添加到that field from model 的关系。

您正在使用public $attachOn 删除它是问题现在它被视为文件附件关系不是查找器图像，因此它不会在其中存储图像路径photo (string) 表中的字段

如果您使用media finder，您只需添加普通 string (photo) 表中的字段无需在模型中添加任何关系，它只会存储@987654326 @ 在那个领域for ex. /someimage.png

现在可以在front-end 中显示它，您可以使用

<img src="{{ model.photo|media }}" />

在组件部分你可以使用

<img src="<?php echo 'https://october-plaza.com/storage/app/media/' . $model->photo ?>" />

如有任何疑问，请发表评论。