针对多用户实现头像上传功能PHP代码 适用于登陆页面制作


Posted in PHP onAugust 17, 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代码 适用于登陆页面制作

总结

回顾一下,本次试验的收获。
 •session的开启必须在php文件的开头session_start()
 •php可以实现的页面跳转的方式
 •上传文件
 •验证码制作与使用
 •JavaScript:void(0);的使用核心

大致的内容就是这么多,虽然没有增加美化效果,但是麻雀虽小,五脏也算是俱全了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
PHP 采集程序中常用的函数
Dec 09 PHP
PHP生成Flash动画的实现代码
Mar 12 PHP
浅析echo(),print(),print_r(),return之间的区别
Nov 27 PHP
PHP连接MySQL的2种方法小结以及防止乱码
Mar 11 PHP
PHP使用get_headers函数判断远程文件是否存在的方法
Nov 28 PHP
php技术实现加载字体并保存成图片
Jul 27 PHP
Symfony2中被遗弃的getRequest()方法分析
Mar 17 PHP
php魔术方法功能与用法实例分析
Oct 19 PHP
PHP微信PC二维码登陆的实现思路
Jul 13 PHP
PHP实现可添加水印与生成缩略图的图片处理工具类
Jan 16 PHP
laravel中短信发送验证码的实现方法
Apr 25 PHP
php微信分享到朋友圈、QQ、朋友、微博
Feb 18 PHP
总结PHP中数值计算的注意事项
Aug 14 #PHP
示例详解Laravel的注册重构
Aug 14 #PHP
PHP实现路由映射到指定控制器
Aug 13 #PHP
Yii2.0中的COOKIE和SESSION用法
Aug 12 #PHP
PHP Oauth授权和本地加密实现方法
Aug 12 #PHP
PHP 读取大文件并显示的简单实例(推荐)
Aug 12 #PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
Aug 12 #PHP
You might like
递归列出所有文件和目录
2006/10/09 PHP
PHP实现的比较完善的购物车类
2014/12/02 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
script标签属性type与language使用选择
2012/12/02 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
详解离线安装npm包的几种方法
2018/11/25 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python匿名函数/排序函数/过滤函数/映射函数/递归/二分法
2019/06/05 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
用python对oracle进行简单性能测试
2020/12/05 Python
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
高分子材料与工程专业推荐信
2013/12/01 职场文书
九月份红领巾广播稿
2014/01/22 职场文书
迎新晚会邀请函
2014/02/01 职场文书
婚庆公司计划书
2014/09/15 职场文书