如何使用 Voyager Laravel Admin 在 BREAD 浏览模式下显示缩略图答案

【问题标题】：How to display thumbnail in BREAD browse mode with Voyager Laravel Admin如何使用 Voyager Laravel Admin 在 BREAD 浏览模式下显示缩略图
【发布时间】：2019-04-16 02:32:12
【问题描述】：

我有一个名称为：类别的模型，其中有一个字段是“image_url”（假设它是一张大照片）。如何仅在类别的面包浏览模式下显示缩略图？
谢谢！

【问题讨论】：

我在寻找类似的东西：该字段引用了 URL 的一部分，我希望浏览页面通过为域/路径等添加前缀来显示图像。

标签： laravel-5 eloquent voyager

【解决方案1】：

根据https://docs.laravelvoyager.com/customization/overriding-files#overriding-bread-views，我最终覆盖了一张桌子的默认 Voyager 面包视图 .. 表示 1.1 版：

您可以通过创建覆盖单个 BREAD 的任何 BREAD 视图 resources/views/vendor/voyager/slug-name 中的新文件夹 slug-name 是您为该表分配的 slug。有您可以覆盖 4 个文件：

browse.blade.php

edit-add.blade.php

read.blade.php

order.blade.php

或者，您可以通过创建覆盖所有 BREAD 的视图 resources/views/vendor/voyager/bread 下的上述任何文件

.. 我只需要覆盖“浏览”视图。我还根据https://docs.laravelvoyager.com/customization/adding-custom-formfields 创建了一个自定义表单域——该代码刚刚返回了一个<img> 元素，并且src url 格式正确。

最后，在自定义“浏览”视图中，我添加了检查新表单域的逻辑并返回代码以显示图像。

如果面包编辑器中有另一个“可选详细信息”字段用于格式化浏览页面中的显示，那就太好了。

无论如何，希望这会有所帮助，我希望有人能指出我的方向，以更直接的方式做到这一点..

【讨论】：

感谢您的回答，这个回答真的很好。目前，我认为制作自定义表单字段是最好的解决方案。我希望在未来，voyager 也将支持更多的 BREAD 显示配置。

【解决方案2】：

您实际上不需要覆盖模板以在浏览模式下显示图像。

在字段设置中，只需添加“show_as_images”：true，它将以浏览模式显示图像。

根据文件：https://voyager-docs.devdojo.com/bread/introduction-1

【讨论】：