在模板中显示 Laravel 个 Voyager 图像

Question

按照他们的指示，我正在尝试提取通过管理员上传的图片：

{{ Voyager::image( $brand->logo ) }}

它没有得到 url，而是给了我一个 url 和附加的 JSON 项目：

http://job-tool.test/storage/[{"download_link":"brands\/April2018\/3Yrma1PZogiMiYOFmPGg.png","original_name":"logo_petiq.png"}]

PetIQ

运行只是 {{ $brand->logo }} 给了我没有前缀 url 的数组。我在这里错过了什么？

我也尝试过只使用这个：{{ Voyager::image( $brand->logo->download_link ) }} 但我收到这个错误：

Trying to get property 'download_link' of non-object (View: /Users/johnbriggs/Code/Laravel/job-tool/resources/views/brands/show.blade.php)

Answer 1

试试看如何；

{{ Voyager::image( $brand->logo->download_link ) }}

查看航海者包后，Voyager::image 函数是

   public function image($file, $default = '')
    {
        if (!empty($file)) {
            return Storage::disk(config('voyager.storage.disk'))->url($file);
        }
        return $default;
    }

那么你能试试

<?php 
$file = (json_decode($brand->logo))[0]->download_link;
?>
{{ Voyager::image( $file ) }}

虽然我很欣赏这是一种不太干净的方法。

Answer 2

一年后遇到同样的问题。 Simon R 的上述回答对我来说效果很好。只需在图像标签内回显解码后的 json 即可。像这样：

    <img src="{{ Voyager::image( $file ) }}">

Answer 3

试试这个：

{{Voyager::image($article->thumbnail('medium','cover'))}}

这是 Voyager 中封面字段的验证：

{
    "resize": {
        "width": "728",
        "height": null
    },
    "quality": "80%",
    "upsize": true,
    "thumbnails": [
        {
            "name": "medium",
            "scale": "50%"
        },
        {
            "name": "small",
            "scale": "27%"
        }
    ],
    "validation": {
        "rule": "required"
    }
}

在模板中显示 Laravel 个 Voyager 图像

Displaying Laravel Voyager Images in templates

laravel

blade

laravel-blade

voyager