如何使用 Laravel 5.8 显示图像？

Question

我正在尝试显示存储在本地的图像。上传的文件在 Storage 文件夹中

我正在使用下面的代码来显示图像

@foreach($publications as $p)
    <div class="card" style="width: 18rem;">
        <img class="card-img-top" src="{{URL('public/storage/app/{$p->file_name}')}}" alt="{{$p->file_name}}" />
      <div class="card-body">
        <p class="card-text">{{$p->description}}</p>
      </div>
    </div>
@endforeach

但我得到了：

怎么了？

编辑 1

我用php artisan storage:link，控制台显示

The [public/storage] directory has been linked.

还是不行

Answer 1

首先你需要做的

php artisan storage:link

这样您的 wepapp 无法访问的存储文件夹通常与您的公共链接 文件夹，以便您的应用可以访问图片，就像它们在公共文件夹中一样 但它会将它们存储在存储文件夹中，然后你应该像这样放置 smthg 来显示图像

我觉得会是这样的

    <img src="/storage/2/{{$p->file_name}}"/>

如果此路径不起作用，您可以在应用程序中编辑该路径的路径

希望对你有用

编辑我将与您分享我的代码中的一个示例 在迁移用户迁移

$table->string('image');

控制器

$imageName = time().'.'.request()->image->getClientOriginalExtension();
        request()->image->move(public_path('userpicture'), $imageName);
        return User::create([
            'name' => $data['name'],
            'email' => $data['email'],
            'image' => $imageName,
            'password' => Hash::make($data['password']),
        ]);

请注意，我在这里使用的 create 方法仅在您将那些可填充的字段放入用户模型时才有效，所以没关系，您可以在存储数据部分使用任何您想要的东西，但集中在这三行

$imageName = time().'.'.request()->image->getClientOriginalExtension();
            request()->image->move(public_path('userpicture'), $imageName);

                'image' => $imageName,

如你所见，移动功能是将图片移动到公用文件夹并将其放入 userpicture 文件夹，然后最后一行将图像名称存储在数据库中，以便我以后可以访问它以显示图片

然后我可以简单地这样做来显示图片

<img class="img-responsive img-rounded" src="{{ asset('userpicture/1561335133.jpg') }}" alt="User picture">

Answer 2

php artisan storage:link 创建指向/storage/app/public 的符号链接

但您的文件似乎在 /storage/app/files 中，请尝试将文件移动到公用文件夹。

您可以使用资产助手显示文件{{ asset("storage/{$p->file_name}") }}