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 网站上。

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

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

《L05 电商实战》

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

讨论数量: 5

ZsmHub

4年前

建议添加一个访问器：设置默认头像

4 个点赞 | 4 个回复 | 分享 | 课程版本 5.8

bing_

4年前

上传头像如何在点击保存之前让图片在页面上显示出来？

2 个点赞 | 4 个回复 | 分享 | 课程版本 5.8

Li_haoran812

3年前

为什么图片显示不出来？自动在路径前加了 http://localhost

0 个点赞 | 3 个回复 | 问答 | 课程版本 6.x

riskcn

4年前

header 部分的头像为什么不用{{$user->avatar,Auth::id ()}}

0 个点赞 | 1 个回复 | 问答 | 课程版本 5.8

Boxer

5年前

src="{{ Auth::user ()->avatar }}" 和 $user->avatar 区别

0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7