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令牌 Token改进版
Jul 18 PHP
PHP与SQL注入攻击防范小技巧
Sep 16 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
Jun 28 PHP
浅析php数据类型转换
Jan 09 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
Jun 23 PHP
PHP分页类集锦
Nov 18 PHP
PHP版QQ互联OAuth示例代码分享
Jul 05 PHP
PHP中多线程的两个实现方法
Oct 14 PHP
PHP 匿名函数与注意事项详细介绍
Nov 26 PHP
php多文件打包下载的实例代码
Jul 12 PHP
Centos7 Yum安装PHP7.2流程教程详解
Jul 02 PHP
PHP中SESSION过期设置
Mar 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实现ping
2006/10/09 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
js 手机号码合法性验证代码集合
2012/09/29 Javascript
js编写trim()函数及正则表达式的运用
2013/10/24 Javascript
web前端开发JQuery常用实例代码片段(50个)
2015/08/28 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
2016/11/07 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
nodejs实现百度舆情接口应用示例
2020/02/07 NodeJs
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
Python下的subprocess模块的入门指引
2015/04/16 Python
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
python-opencv 将连续图片写成视频格式的方法
2019/01/08 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
MySQL面试题
2014/01/12 面试题
中医药大学市场营销专业自荐信
2013/09/29 职场文书
研究生毕业鉴定
2014/01/29 职场文书
激励口号大全
2014/06/17 职场文书
党员干部形式主义个人整改措施
2014/09/17 职场文书
2014年检验科工作总结
2014/11/22 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
经销商会议开幕词
2016/03/04 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
使用python求解迷宫问题的三种实现方法
2022/03/17 Python