4.5. 显示头像

8.x

9.x 8.x 7.x 6.x 5.8 5.7 5.5

L02 Laravel 教程 - Web 开发实战进阶 ( Laravel 8.x ) /

本教程最新版为 9.x，当前版本已放弃维护，请阅读最新版本！

显示头像

目前我们有两个地方用到用户头像，第一个是个人空间，第二个是顶部导航栏。

修改个人空间，将头像的 src 属性修改为 {{ $user->avatar }}：

resources/views/users/show.blade.php

.
.
.
    <div class="card ">
      <img class="card-img-top" src="{{ $user->avatar }}" alt="{{ $user->name }}">
      <div class="card-body">
.
.
.

看效果：

file

接下来修改顶部导航：

resources/views/layouts/_header.blade.php

.
.
.
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <img src="{{ Auth::user()->avatar }}" class="img-responsive img-circle" width="30px" height="30px">...

本文章首发在 LearnKu.com 网站上。