Laravel 5.3 - 显示文件夹中图像的正确语法是什么？答案

【问题标题】：Laravel 5.3 - What is the correct syntax for displaying an image from a folder?Laravel 5.3 - 显示文件夹中图像的正确语法是什么？
【发布时间】：2017-04-19 19:08:31
【问题描述】：

我想在我的 dossier.index 页面（刀片）中显示图像。我已经定义了一个具有以下路径的图像：

/resources/assets/icons/step_1.png

让我的图像显示在我的视图中的正确语法是什么？

我已经尝试过这样的事情：

<img src="/resources/assets/icons/step_1.png">

或者用刀片：

<img src="{{ URL::to('/resources/assets/icons/step_1.png') }}">

【问题讨论】：

标签： html image laravel laravel-5.3

【解决方案1】：

使用asset() 助手：

<img src="{{ asset('icons/step_1.png') }}">

此外，公共资产应位于public 目录中。

【讨论】：

我是否需要在我的 helpers.php（帮助文件）中定义这个 asset() 帮助程序？
@kapil.dev 只有<img src="{{ asset('icons/step_1.png') }}"> 对我不起作用：/ 我已经将图像的位置从/resources/assets/icons/step_1.png 更改为/storage/app/public/icons/step_1.png
@Doga 将资产移动到/public 目录，正如我在回答中提到的那样。

【解决方案2】：

URL::to 生成给定路径的绝对 url，URL::asset 生成应用程序资产。所以使用下面的代码来显示图像。

<img src="{{ asset('icons/step_1.png') }}">

见basic of laravel helpers

【讨论】：

【解决方案3】：

首先，将 /resources/assets/icons/step_1.png 移动到 storage/app/public/assets/icons/step_1.png 因为应该使用 “Storage” 目录来存储此类可公开访问根据 Laravel 的官方文档的文件：

https://laravel.com/docs/5.3/filesystem#the-public-disk

然后在工匠命令下开火：

php artisan storage:link

然后

<img src="{{ asset('storage/assets/icons/step_1.png') }}">

这是在 Laravel 中使用此类资产的正确方法。

现在，它应该可以工作了。

【讨论】：