Media Finder 在前端显示图像
Media Finder display Image on Front End
我创建了一个模型和数据库,并且可以使用媒体查找器上传图像。
我在 fields.yamal
中将 Media Finder 字段设置为 photo
。
但是上传后,照片栏中没有图片路径存入数据库
数据库表
- id(整数)
- 标题(字符串)
- 照片(字符串)
树枝
{% 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 ?>" />
如有疑问请评论。
我创建了一个模型和数据库,并且可以使用媒体查找器上传图像。
我在 fields.yamal
中将 Media Finder 字段设置为 photo
。
但是上传后,照片栏中没有图片路径存入数据库
数据库表
- id(整数)
- 标题(字符串)
- 照片(字符串)
树枝
{% 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 ?>" />
如有疑问请评论。