4.5. 显示头像

本教程最新版为 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 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 2

ZsmHub
建议添加一个访问器:设置默认头像
4 个点赞 | 4 个回复 | 分享 | 课程版本 5.8
bing_
上传头像如何在点击保存之前让图片在页面上显示出来?
2 个点赞 | 4 个回复 | 分享 | 课程版本 5.8