Detailed introduction to PHP code example for avatar replacement for multiple users

A website, to put it bluntly, is actually a combination of certain specific functions, and changing the user's avatar is among these functions. Let’s do a test today to implement the avatar upload function for different users.

---

Finished Picture

Idea

• ##Upload avatars for different users, we need to upload avatars for each A logged-in user creates a folder whose name is based on the current user's username.

• After the user uploads successfully, jump to the page after the user successfully logs in, and refresh the user's avatar.

Login page

Form production

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

Verification code production

<?php
session_start();
// 必须在php的最开始部分声明，来开启session// 使用gd的imagecreatetruecolor();
创建一张背景图
$image = imagecreatetruecolor(100,40);// 生成填充色
$bgcolor = imagecolorallocate($image,255,255,255);// 将填充色填充到背景图上
imagefill($image,0,0,$bgcolor);//////
// 生成随机4位字母以及数字混合的验证码
$checkcode=&#39;&#39;;
for($i=0;$i<4;$i++){    
$fontsize = rand(6,8);    
$fontcolor = imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));    
// 为了避免用户难于辨认，去掉了某些有歧义的字母和数字
    $rawstr = &#39;abcdefghjkmnopqrstuvwxyz23456789&#39;;    
    $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[&#39;checkcode&#39;]=$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(&#39;content-type:image/png&#39;);

imagepng($image);// 释放资源，销毁执行对象imagedestroy($image);

JavaScript refresh verification code

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

Verification page

Since the core of this experiment is to change the user's avatar, we will not care about the user name for the time being, and the root will prevail.

Verification logic

<?php
    session_start();
    header("Content-Type:text/html;charset=utf-8");    
    $username = $_REQUEST[&#39;username&#39;];    
    $password = $_REQUEST[&#39;password&#39;];    
    if(strtolower($_REQUEST[&#39;checkcode&#39;]==$_SESSION[&#39;checkcode&#39;])){        
    if(!is_dir($username)){
            mkdir($username);
        }        echo "恭喜您，登陆成功！"."<br />3秒后将自动跳转到个人主页！";        
        $_SESSION[&#39;username&#39;] = $username;
        header("refresh:3;url=./personalpage.php");


    }else{        echo "对不起，登陆失败了！";
        header("refresh:3;url=./index.php");
        //echo "<script>window.location.href=&#39;./index.php&#39;</script>";   
    }

Page jump

In PHP, there are many ways to jump to the page first. This article uses the method of adding header information. Here are a few small examples of page jumps.

Header function

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

Note: There cannot be a space between Location and:

Meta tag

<   meta   http-equiv = "refresh"  content = "1;url=http://www.php.cn/" >

Note : Content can be controlled to complete the jump within a few seconds.

JavaScript

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

Note: Using JavaScript, the code can be placed anywhere as long as it meets the grammatical requirements.

Upload page

Personal homepage

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 
<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[&#39;username&#39;]."的个人主页";   ?>
</title><style>
    img {        width:128px;        height:auto;    
    }</style></head><body><p>
    <img  src="/static/imghw/default1.png"  data-src="./root/lover.png"  class="lazy"  id="userphoto"  / alt="Detailed introduction to PHP code example for avatar replacement for multiple users" ><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[&#39;username&#39;];?>.png"
        }
        window.onload = function(){
            uploadphoto();  
        }    </script></p></body></html>

Upload core

The core of upload is still a form. We upload the pictures to be uploaded to server, and then PHP uses move_uploaded_file to implement file migration and upload.

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

Final result

Login page

Verification result

Personal Home page

Latest avatar

Summary

Let’s review the results of this experiment.

• Session must be opened at the beginning of the php file session_start()

• How php can achieve page jump

• Upload files

• Verification code production and use

##JavaScript: void(0); core usage
The general content is this much. Although it does not increase the beautification effect, although the sparrow is small, its five internal organs can be considered complete.

The above is the detailed content of Detailed introduction to PHP code example for avatar replacement for multiple users. For more information, please follow other related articles on the PHP Chinese website!