时时商务社区

标题: 针对多用户实现头像上传功能PHP代码 适用于登陆页面制作 [打印本页]
作者: 阿情    时间: 2018-2-14 05:33

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

思路
•针对不同的用户上传头像，我们要为每一个已登录的用户创建一个文件夹，文件夹的名称以当前用户的用户名为准。
•用户上传成功后，跳转到用户登录成功后的页面，并刷新用户头像。
登陆页面
表单制作

用户名



文件输入

这里是块级帮助文本的实例。


请输入验证码



看不清


提交
验证码制作
JavaScript刷新验证码
看不清
验证页面
由于本次试验最核心的是对用户头像的更换，所以用户名我们暂且不管，以Root为准。
验证逻辑
页面跳转
在PHP中，要先实现页面的跳转，有很多方式。本文使用了增加header信息的方式，下面介绍几个关于页面跳转的小实例。
header函数
注意：Location和：之间不能有空格
Meta标签
注意： content可以控制在几秒之内完成跳转。
JavaScript
";
echo " window.location.href = '$url' ";
echo "  ";
?>
注意： 使用JavaScript方式，代码放置的位置可以随意，只要是符合语法要求即可。
上传页面
个人主页
{
width:128px;
height:auto;
}









上传核心
上传的核心还是一个表单，我们把要进行上传的图片上传到服务器，然后php使用move_uploaded_file来实现文件的迁移，实现上传。
0) {
die("出错了！".$_FILES['photo']['error']);
}
if(move_uploaded_file($_FILES['photo']['tmp_name'],$server_name)){
//echo "
"."Upload Success!";
echo "恭喜您，上传成功！"."
3秒后将自动跳转到个人主页！";
header("refresh:3;url=./personalpage.php");
}else{
//echo "
"."Upload Failed!".$_FILES['photo']['error'];
echo "对不起，上传头像失败了！";
header("refresh:2;url=./index.php");
}
?>
最终结果
登陆页面

验证结果

个人主页

最新头像

总结
回顾一下，本次试验的收获。
•session的开启必须在php文件的开头session_start()
•php可以实现的页面跳转的方式
•上传文件
•验证码制作与使用
•JavaScript：void(0);的使用核心
大致的内容就是这么多，虽然没有增加美化效果，但是麻雀虽小，五脏也算是俱全了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
            
            
您可能感兴趣的文章:
  • php+js iframe实现上传头像界面无跳转
  • PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
  • php视频拍照上传头像功能实现代码分享
  • php实现文件上传及头像预览功能
  • php实现头像上传预览功能
  • php头像上传预览实例代码
            



    欢迎光临 时时商务社区 (http://bbs.4435.cn/) Powered by Discuz! X3.2