【问题标题】:Displaying Laravel Voyager Images in templates在模板中显示 Laravel Voyager 图像
【发布时间】:2018-09-24 07:37:32
【问题描述】:

根据他们的指示,我正在尝试通过以下方式提取通过管理员上传的图片:

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

它没有得到一个 url,而是给了我一个带有附加 JSON 项的 url:

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

宠物智商

只运行{{ $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)

【问题讨论】:

    标签: laravel blade laravel-blade voyager


    【解决方案1】:

    试试吧;

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

    看过 voyager 包的 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 ) }}
    

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

    【讨论】:

    • 我认为这也可能有效......我已经把那个错误放在上面了。
    • 您可以dd($brand-&gt;logo); 并在此处回复吗?
    • 这很有趣。我非常喜欢这个工具,但我从来没有使用过看起来制作精良但缺少大量文档的东西。
    • 当我这样做时它会返回这个字符串:"[{"download_link":"brands\/April2018\/ffylOcWa38ZuzoP9koMc.png","original_name":"logo_betsyfarms.png"}]"
    • 我注意到你经常使用 Laravel。是否有您建议研究的管理面板解决方案?我对 Laravel 的世界还很陌生。
    【解决方案2】:

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

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

    【讨论】:

      【解决方案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"
          }
      }
      

      【讨论】:

        猜你喜欢
        • 2020-09-27
        • 2020-04-29
        • 2018-09-05
        • 2019-06-11
        • 1970-01-01
        • 2013-02-16
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多