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 相关文章推荐
对Session和Cookie的区分与解释
Mar 16 PHP
php chr() ord()中文截取乱码问题解决方法
Sep 08 PHP
php不用正则验证真假身份证
Nov 06 PHP
使用swoole扩展php websocket示例
Feb 13 PHP
一个经典实用的PHP图像处理类分享
Nov 18 PHP
简单了解PHP编程中数组的指针的使用
Nov 30 PHP
使用Huagepage和PGO来提升PHP7的执行性能
Nov 30 PHP
php微信公众号开发模式详解
Nov 28 PHP
yii2多图上传组件的使用教程
May 10 PHP
wordpress自定义标签云与随机获取标签的方法详解
Mar 22 PHP
PHP实现微信退款的方法示例
Mar 26 PHP
通过PHP实现获取访问用户IP
May 09 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中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
php学习笔记之面向对象编程
2012/12/29 PHP
php上传文件,创建递归目录的实例代码
2013/10/18 PHP
Yii2单元测试用法示例
2016/11/12 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
phpStorm2020 注册码
2020/09/17 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
2013/12/26 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
jQuery实现web页面樱花坠落的特效
2017/06/01 jQuery
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
Python设计模式之代理模式实例
2014/04/26 Python
python装饰器decorator介绍
2014/11/21 Python
Python装饰器基础详解
2016/03/09 Python
Django实现快速分页的方法实例
2017/10/22 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
python如何实现异步调用函数执行
2019/07/08 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
介绍下WebSphere的安全性
2013/01/31 面试题
五一家具促销方案
2014/01/10 职场文书
英文推荐信格式范文
2014/05/09 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
鲁冰花观后感
2015/06/10 职场文书
小学班主任教育随笔
2015/08/15 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书
用python删除文件夹中的重复图片(图片去重)
2021/05/12 Python
Python 如何实现文件自动去重
2021/06/02 Python
5行Python代码实现一键批量扣图
2021/06/29 Python