octobercms - OctoberCMS 图像返回 json

Question

我试图显示在后端上传的图像，但是当我在 src 属性中使用它时，它返回一个 json 字符串。奇怪的是，我确实在页面前面使用了相同的方法并且它在那里工作。它在这里不起作用：

<img src="{{ associate.banner }}">

它输出

<img src="{&quot;id&quot;:1,&quot;disk_name&quot;:&quot;54a7d97d49a03640202890.png&quot;,&quot;file_name&quot;:&quot;buycraftlogo.png&quot;,&quot;file_size&quot;:7146,&quot;content_type&quot;:&quot;image\/png&quot;,&quot;title&quot;:null,&quot;description&quot;:null,&quot;field&quot;:&quot;banner&quot;,&quot;sort_order&quot;:1,&quot;created_at&quot;:&quot;2015-01-03 11:58:53&quot;,&quot;updated_at&quot;:&quot;2015-01-03 11:59:12&quot;,&quot;path&quot;:&quot;\/uploads\/public\/54a\/7d9\/7d4\/54a7d97d49a03640202890.png&quot;,&quot;extension&quot;:&quot;png&quot;}">

在这里它确实有效：

{% set img = member.profile_img %}
<img src="{{ img }}" class="responsive-img">

我究竟做错了什么？

Answer 1

当您将图像文件（或每个文件）上传到十月时，它会保存在目录中并在表uploads中创建文件模型。system_files

如果从数据库中检索文件，它将返回File对象，而不是文件路径。因此，您将在属性中看到File对象的 JSON 。src

path但是，您可以通过属性从中获取路径。

<img src="{{ associate.banner.path }}">

结果应该是

<img src="/uploads/public/54a/7d9/7d4/54a7d97d49a03640202890.png">