PHP针对多用户实现更换头像功能


Posted in PHP onSeptember 04, 2016

一个网站,其实说白了就是某几个特定功能的组合,而更换用户头像就在这些功能之中。今天就来做个测试,针对不同的用户,实现头像上传功能。

先给大家展示下成品效果图:

PHP针对多用户实现更换头像功能

思路

针对不同的用户上传头像,我们要为每一个已登录的用户创建一个文件夹,文件夹的名称以当前用户的用户名为准。

用户上传成功后,跳转到用户登录成功后的页面,并刷新用户头像。

登陆页面

表单制作

<form role="form" action="./forindex.php">
<div class="form-group">
<label for="name">用户名</label>
<input type="text" class="form-control" id="username" name="username"
placeholder="请输入名称">
</div>
<div class="form-group">
<label for="inputfile">文件输入</label>
<input type="password" id="inputfile" name="password">
<p class="help-block">这里是块级帮助文本的实例。</p>
</div>
<div class="form-group">
<label>请输入验证码</label>
<input type="text" id="checkcode" name="checkcode" />
<img id="imagecheckcode" src="./store.php?r=<?php echo rand();?>" /><a href="javascript:void(0);" onclick="change()" >看不清</a>
</div>
<script>
function change(){
document.getElementById("imagecheckcode").src = "./store.php?r="+ Math.random(); 
}
</script>
<button type="submit" class="btn btn-default">提交</button>
</form>

验证码制作

<?php
session_start();// 必须在php的最开始部分声明,来开启session
// 使用gd的imagecreatetruecolor();创建一张背景图
$image = imagecreatetruecolor(100,40);
// 生成填充色
$bgcolor = imagecolorallocate($image,255,255,255);
// 将填充色填充到背景图上
imagefill($image,0,0,$bgcolor);
//////// 生成随机4位字母以及数字混合的验证码
$checkcode='';
for($i=0;$i<4;$i++){
$fontsize = rand(6,8);
$fontcolor = imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));
// 为了避免用户难于辨认,去掉了某些有歧义的字母和数字
$rawstr = 'abcdefghjkmnopqrstuvwxyz23456789';
$fontcontent = substr($rawstr,rand(0,strlen($rawstr)),1);
// 拼接即将诞生的验证码
$checkcode.=$fontcontent;
// 避免生成的图片重叠
$x += 20;
$y = rand(10,20);
imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor); 
}
// 保存到session变量中
$_SESSION['checkcode']=$checkcode;
// 生成一些干扰的点,这里是200个
for($i=0;$i<200;$i++){
$pointcolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
imagesetpixel($image,rand(0,100),rand(0,30),$pointcolor);
}
// 生成一些干扰线 这里是4个
for($i=0;$i<4;$i++){
// 设置为浅色的线,防止喧宾夺主
$linecolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
imageline($image,rand(0,99),rand(0,29),rand(0,99),rand(0,29),$linecolor);
}
header('content-type:image/png');
imagepng($image);
// 释放资源,销毁执行对象
imagedestroy($image);

JavaScript刷新验证码

<a href="javascript:void(0);" onclick="change()" >看不清</a>
<script>
function change(){
document.getElementById("imagecheckcode").src = "./store.php?r="+ Math.random(); 
}
</script>

验证页面

由于本次试验最核心的是对用户头像的更换,所以用户名我们暂且不管,以Root为准。

验证逻辑

<?php
session_start();
header("Content-Type:text/html;charset=utf-8");
$username = $_REQUEST['username'];
$password = $_REQUEST['password'];
if(strtolower($_REQUEST['checkcode']==$_SESSION['checkcode'])){
if(!is_dir($username)){
mkdir($username);
}
echo "恭喜您,登陆成功!"."<br />3秒后将自动跳转到个人主页!";
$_SESSION['username'] = $username;
header("refresh:3;url=./personalpage.php");
}else{
echo "对不起,登陆失败了!";
header("refresh:3;url=./index.php");
//echo "<script>window.location.href='./index.php'</script>"; 
}

页面跳转

在PHP中,要先实现页面的跳转,有很多方式。本文使用了增加header信息的方式,下面介绍几个关于页面跳转的小实例。

header函数

< ?php 
//重定向浏览器
header("Location: http://blog.csdn.net/marksinoberg"); 
//确保重定向后,后续代码不会被执行 
exit;
?>

注意:Location和:之间不能有空格

Meta标签

<meta http-equiv = "refresh" 
content = "1;url=http://blog.csdn.net/marksinoberg" >

注意: content可以控制在几秒之内完成跳转。

JavaScript

< ?php 
$ url = "http://bbs.lampbrother.net" ; 
echo " < script language = 'javascript' 
type = 'text/javascript' > "; 
echo " window.location.href = '$url' "; 
echo " < /script > "; 
?>

注意: 使用JavaScript方式,代码放置的位置可以随意,只要是符合语法要求即可。

上传页面

个人主页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php session_start(); echo $_SESSION['username']."的个人主页"; ?></title>
<style>
img {
width:128px;
height:auto; 
}
</style>
</head>
<body>
<div>
<img id="userphoto" src="./root/lover.png" /><br />
<form action="./uploadphoto.php" method="post" enctype="multipart/form-data">
<input type="file" name="photo" />
<input type="submit" onclick="uploadphoto()" value="上传新头像"/>
</form>
<script>
function uploadphoto(){
document.getElementById("userphoto").src = "./root/<?php echo $_SESSION['username'];?>.png"
}
window.onload = function(){
uploadphoto(); 
}
</script>
</div>
</body>
</html>

上传核心

上传的核心还是一个表单,我们把要进行上传的图片上传到服务器,然后php使用move_uploaded_file来实现文件的迁移,实现上传。

<?php
session_start();
header("Content-Type:text/html;charset=utf-8");
// 附件的存储位置、附件的名字
$path = "./root/";
$username = $_SESSION['username'];
// 拼接成该文件在服务器上的名称
$server_name = $path.$username.".png";
if($_FILES['photo']['error']>0) {
die("出错了!".$_FILES['photo']['error']); 
}
if(move_uploaded_file($_FILES['photo']['tmp_name'],$server_name)){
//echo "<BR>"."Upload Success!";
echo "恭喜您,上传成功!"."<br />3秒后将自动跳转到个人主页!"; 
header("refresh:3;url=./personalpage.php");
}else{
//echo "<BR>"."Upload Failed!".$_FILES['photo']['error']; 
echo "对不起,上传头像失败了!";
header("refresh:2;url=./index.php");
}
?>

最终结果

登陆页面

PHP针对多用户实现更换头像功能

验证结果

PHP针对多用户实现更换头像功能

个人主页

PHP针对多用户实现更换头像功能

最新头像

PHP针对多用户实现更换头像功能

以上所述是小编给大家介绍的PHP实现更换头像功能(针对多用户),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
用PHP实现将GB编码转换为UTF8
Nov 25 PHP
关于页面优化和伪静态
Oct 11 PHP
PHP中去除换行解决办法小结(PHP_EOL)
Nov 27 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
Dec 29 PHP
thinkphp 多表 事务详解
Jun 17 PHP
PHP中判断变量为空的几种方法分享
Aug 26 PHP
php cli换行示例
Apr 22 PHP
php获取当月最后一天函数分享
Feb 02 PHP
PHP使用PDO连接ACCESS数据库
Mar 05 PHP
Thinkphp调用Image类生成缩略图的方法
Mar 07 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
Dec 02 PHP
php实现的表单验证类完整示例
Aug 13 PHP
PHP加密技术的简单实现
Sep 04 #PHP
PHP简单检测网址是否能够正常打开的方法
Sep 04 #PHP
PHP简单字符串过滤方法示例
Sep 04 #PHP
windows7配置Nginx+php+mysql的详细教程
Sep 04 #PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
Sep 02 #PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
Sep 01 #PHP
PHP数组编码gbk与utf8互相转换的两种方法
Sep 01 #PHP
You might like
关于php循环跳出的问题
2013/07/01 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
php简单创建zip压缩文件的方法
2016/04/30 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
jQuery实现美观的多级动画效果菜单代码
2015/09/06 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
JavaScript获取对象在页面中位置坐标的方法
2016/02/03 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
JavaScript如何判断input数据类型
2020/02/06 Javascript
使用PyCharm配合部署Python的Django框架的配置纪实
2015/11/19 Python
Python手机号码归属地查询代码
2016/05/04 Python
对python多线程中Lock()与RLock()锁详解
2019/01/11 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
在Python中利用pickle保存变量的实例
2019/12/30 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
暑假实习求职信范文
2013/09/22 职场文书
优秀实习自我鉴定
2013/12/04 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
公司仓库管理制度
2015/08/04 职场文书
Python机器学习算法之决策树算法的实现与优缺点
2021/05/13 Python
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle
JAVA springCloud项目搭建流程
2022/05/11 Java/Android
使用Postman测试需要授权的接口问题
2022/06/21 Java/Android
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL