根据文字生成头像(类似钉钉头像) 分享一个好用的头像生成API--UI Avatars

通过UI Avatars可以通过文字生成类似钉钉默认头像的图片,微信小程序、html等前端场景都可以使用,微信小程序中亲测有效

原网页如下,具体的参数在网页中可以查到

Generate avatars with initials - User Initial avatars (ui-avatars.com)icon-default.png?t=M1L8https://ui-avatars.com/微信小程序wxml中示例如下

<image src="https://ui-avatars.com/api/?name=X&background=0081ff&color=ffffff&rounded=true" ></image>

示例效果如下:

部分参数介绍:

name:图像中的文字

background:背景色

color:文字颜色

(表示颜色时不需要加上#)

rounded:是否是圆形

length:图像中文字长度

此处只列出了几个常用的参数,详细完整的介绍在上面的网页中都有展示。

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Laravel 中实现上传头像功能非常简单,只需要使用 Laravel 提供的文件上传处理类即可。以下是上传头像的步骤: 1. 创建上传文件表单 在视图中创建一个上传文件的表单,让用户可以通过该表单上传头像。例如: ```html <form action="{{ route('avatar.upload') }}" method="post" enctype="multipart/form-data"> @csrf <input type="file" name="avatar"> <button type="submit">上传头像</button> </form> ``` 2. 处理上传文件 在控制器中处理上传文件的逻辑,将上传的文件保存到服务器上。例如: ```php public function uploadAvatar(Request $request) { // 获取上传的文件 $file = $request->file('avatar'); // 判断上传的文件是否有效 if (!$file->isValid()) { return response()->json(['status' => false, 'msg' => '上传失败']); } // 保存上传的文件 $path = $file->store('avatars'); // 更新用户信息中的头像地址 $user = Auth::user(); $user->avatar = $path; $user->save(); // 返回成功信息 return response()->json(['status' => true, 'msg' => '上传成功']); } ``` 3. 显示头像 在视图中,可以通过如下方式显示用户的头像: ```html <img src="{{ asset(Auth::user()->avatar) }}" alt="头像"> ``` 其中,`Auth::user()->avatar` 表示用户的头像地址。 以上就是使用 Laravel 实现上传头像功能的步骤。需要注意的是,在上传文件时,需要对上传文件进行验证,确保上传的文件有效。此外,需要将上传的文件保存到服务器上,并更新用户信息中的头像地址。最后,在视图中,可以通过头像地址显示用户的头像

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值