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

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

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

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

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

结果应该是

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

OctoberCMS Image返回json

1 个答案: