随笔 - 434,  文章 - 0,  评论 - 463,  阅读 - 46万
在用户成功上传头像以后,用户登录系统,应该能够看到自己的头像,本节演示如何在这个地方:

添加用户头像。

1.用DIV做:
border-radius:50%
background:url(xxx.jpg)

2.用img标签做:
border-radius:50%
src

共同点:定位

为了演示,先把图片的地址写死。


然后做具体的用户头像查询。 在login2.php中:

当用户登录成功后,我们已经把username存放到了session中。所以,只要用户不去关闭浏览器,用户名username就会保存在session中,又因为username唯一,所以我们在main.php查询头像的时候,不妨根据session中的username去查询。
代码变更:

php: (在文件的顶部)

<?php
	session_start();

	//在这里查询一下当前用户的头像
	$username = $_SESSION["username"];

	//链接数据库
	$conn = mysql_connect("localhost","root","");
	$db = mysql_select_db("test",$conn);
	mysql_query("set names utf8");

	$sql = "select header from tm_users where username = '$username';";


	$rs = mysql_query($sql);

	$header = null; //现在外面定义一下头像变量,否则在while循环体中就是局部变量了,外面访问不到。

	while($row = mysql_fetch_array($rs)){

		$header = $row["header"];


	}

?>

设置默认头像

在实际的开发中,如果当前用户还没有设置头像,那么系统一般会给这个用户设置一个默认头像。
在本系统中,我们就判断select header from tm_users where username = '$username';查询出来的头像是否为空,如果为空,就给他一个默认的头像:

image.png
地址为:imageUpload\images\header.png

源码获取:https://www.jianshu.com/p/4977bd0073d5

posted on   剽悍一小兔  阅读(450)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示