Media Finder 在前端显示图像

Media Finder display Image on Front End

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

我在 fields.yamal 中将 Media Finder 字段设置为 photo

但是上传后,照片栏中没有图片路径存入数据库


数据库表

树枝

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

这成功显示了标题而不是照片路径,因为它在数据库中是空的。

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

您正在使用 public $attachOn 删除它,这是问题所在 现在它被视为文件附件关系 不是取景器图像因此它不会将图像路径存储在 table

中的 photo (string) 字段中

如果你使用media finder你只需要在table中添加普通string (photo)字段不需要添加模型中的任何关系,它只会将selected file path存储在该字段中,例如/someimage.png

Now to show it in front-end you can use

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

In component partial you can use

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

如有疑问请评论。