4.4. 上传头像

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

上传头像

目前为止,图中的这两张图都是测试图片,接下来我们将一起开发个人资料里的头像上传功能,并将这两张图片换为用户上传的头像。

file

模型文件修改

首先我们需在 User 模型里将 avatar 字段加入到允许修改的白名单 $fillable 中:

file

编辑页面

接下来我们在 资料编辑页面 的『个人简介』编辑框下面,增加头像上传的选项:

resources/views/users/edit.blade.php

.
.
.
          <div class="form-group">
            <label for="introduction-field">个人简介</label>
            <textarea name="introduction" id="introduction-field" class="form-control" rows="3">{{ old('introduc...

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

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

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 62

bignose
关于 `use Image;` 这行代码的疑问?
17 个点赞 | 20 个回复 | 问答 | 课程版本 5.5
uptutu
在 ImageUploadHandler 类的 save 方法是不是有性能的优化?
7 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
stefen
上传图片路径问题?
4 个点赞 | 12 个回复 | 问答 | 课程版本 5.5
yangshuolll
教程代码中有个大 bug 大家注意下
4 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
Moonshadow2333
解决自己对File::move()方法的疑惑
3 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
elijiang
上传后图片的 src 问题?
2 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
tooyond
记录一次中文逗号的神奇 bug
2 个点赞 | 2 个回复 | 分享 | 课程版本 5.5
john2411
Use Image 中的 Image 是什么?
2 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
bignose
做点笔记,总结要点
2 个点赞 | 0 个回复 | 分享 | 课程版本 5.5
小花儿
图片显示不来?
1 个点赞 | 9 个回复 | 问答 | 课程版本 5.5
TigerLin
.gitignore 的具体操作?
1 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
Crocutax
是否应删除被替换掉的头像文件?
1 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
阿伦
手册里没有 getClientOriginalExtension 方法?
1 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
glee
传到线上 图片不显示,确实 有传上去去
1 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
followyounger
ReflectionException Class App\Handlers\ImageUploadHandler does not exist
1 个点赞 | 3 个回复 | 分享 | 课程版本 5.5
Esaiting
图片裁剪这里有一点疑问?
1 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
码龍
all () 换成 except ('avatar') 应该更好吧
1 个点赞 | 0 个回复 | 分享 | 课程版本 5.8
followyounger
图片出不来啊?怎么回事?
0 个点赞 | 16 个回复 | 问答 | 课程版本 5.5
LeO荣
avatar 验证 dimensions,图片大小一直提示错误,为什么?
0 个点赞 | 10 个回复 | 问答 | 课程版本 5.5
soypablo
关于 ImageUploadHandler.php 类的疑问?
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
Esaiting
急求答案,上传头像到 public 下换为 storage 下,怎么操作?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
followyounger
Auth::user ()->avatar 和 $user->id 的区别是什么啊?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
jollysone
对于 Auth::user ()->avatar 和 $user->avatar 的异同????
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
咕咕噜
关于 update 方法的疑问?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
HQY
求教一下如何在新增页面增加图片上传功能?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
HQY
UsersControlle 的 update 方法里的 save 问题?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
Qcg
Hassan_Saleemi
请问为何我上传的图片无法显示?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
phpervip
App\Handlers\ImageUploadHandler 找不到
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.8
xuecong
图片移动
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
yxfmlbb
图片不能显示?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
holyLight
头像文件是怎么从本地地址变成 URL 的?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
上传图片怎么上传不了????????
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
ImVic
添加了七牛云存储,但是报错了?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Rotor1996
按教程敲,调用成员函数出问题了?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
wangji
关于验证上传后缀的问题?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
ppiian
变量命名应该是下划线还是驼峰呢?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Autumn
图像处理类
0 个点赞 | 2 个回复 | 教程 | 课程版本 5.5
bing_
为什么上传头像要等保存之后才能看到图片?
0 个点赞 | 1 个回复 | 分享 | 课程版本 5.8
xstar5470
部署到线上之后 提示 avatar 上传失败 本地是可以的
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Kayle_zhao
头像上传问题
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
taowendi
dd ($request->avatar) 打印出来的只有文件名,没有其他信息?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
wk5941
route_class () 找不到?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
吃瓜群众
图片上传,是怎么把源图片重新命名的?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
nicetyler
数据库里面用一个字段多文件上传怎么做啊?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
shuyang
如果上传的文件没有后缀名,这里不就不对了吗?
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.8
dwtmtdh
编辑时提示:用户名已被占用,请重新填写返回么?
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.7
firstsight
请教一下 learnku.com 的上传头像的控制器是怎么写的?
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.7