【问题标题】:How to display images from user folder in public storage link on laravel如何在laravel的公共存储链接中显示用户文件夹中的图像
【发布时间】:2017-11-17 09:20:07
【问题描述】:

我有一个 Laravel 应用程序,其中包含指向公用文件夹的存储链接,我正在尝试在应用程序视图中显示图像。但是,我不确定如何使用存储文件夹的结构方式来做到这一点。

基本上,文件夹以用户名开头,然后是子文件夹,例如联系人、文件、图像等。应用程序应该在个人资料视图的 src 标记中显示用户的图像。

<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <img class="profileImage" src="{{ url('storage/{{ Auth::user()->name }}/images/{{ $profileImage }}') }}" style="width: 150px; height: 150px; float: left; border-radius: 10%; margin-right: 25px;">
            <h2>{{ Auth::user()->name }}</h2>
            <form enctype="multipart/form-data" action="{{ route('profile.update') }}" method="post">
                <label>Update Profile</label>
                <input type="file" name="profileImage" id="profile-image">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="submit" class="pull-right btn btn-sm btn-primary">
            </form>
        </div>
    </div>
</div>

我尝试指向网址中的链接:`

{{ url('storage/app/public/{{ Auth::user()->name }}/images/{{ $profileImage }}`

但是,当我加载页面时,图像没有显示,甚至没有保存。这是从视图函数加载图像的正确方法吗?`

public function getUserProfile()
{
    return view('users.profile', ['user' => Auth::user()]);
}`

程序应该如何从存储中的用户文件夹加载图像?

`

【问题讨论】:

  • 你用的是公盘吗?您是否阅读过有关检索 url 的文档? laravel.com/docs/5.4/filesystem
  • 我知道如何在 laravel 上使用带有存储的 url。我正在尝试查看如何将文件变量放在视图中的图像路径内。
  • 好的。您可以使用您应该检索文件网址的实际方式更新问题中的代码吗?因为您不应该像您正在做的那样自己构建网址。暗示;可能涉及Storage::disk('public')-&gt;url('...')
  • 我已经编辑了代码以包含链接 url。

标签: php image laravel storage


【解决方案1】:

尝试使用符号链接来访问数据。

php artisan storage:link

参考:https://laravel.com/docs/5.4/filesystem

【讨论】:

  • 我之前尝试使用手动制作的上传文件夹,并显示了个人资料图片。我正在尝试弄清楚如何对存储链接执行相同的操作。
【解决方案2】:

您的代码未指向正确的文件夹路径。你可以试试这个

url('storage/app/public/{{ Auth::user()->name }}/images/{{ $profileImage }}')

【讨论】:

  • 这似乎不起作用。 IDE 将右括号解释为“url”标签的右括号。
  • 我尝试使用 slug 让程序识别用户文件,但它仍然没有在应用程序上显示照片。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-09-03
  • 2020-12-19
  • 1970-01-01
  • 2018-10-27
  • 2021-09-08
  • 2017-02-28
相关资源
最近更新 更多