Heim  >  Artikel  >  Backend-Entwicklung  >  Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

黄舟
黄舟Original
2017-03-11 10:33:052215Durchsuche

Eine Website ist eigentlich eine Kombination bestimmter spezifischer Funktionen, und das Ändern des Avatars eines Benutzers ist eine dieser Funktionen. Lassen Sie uns heute einen Test durchführen, um die Avatar-Upload-Funktion für verschiedene Benutzer zu implementieren.


Fertiges Bild

Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

Ideen

  • Avatare für verschiedene Benutzer hochladen, wir müssen Avatare hochladen Für jeden Benutzer erstellt ein angemeldeter Benutzer einen Ordner, dessen Name auf dem Benutzernamen des aktuellen Benutzers basiert.

  • Nachdem der Benutzer erfolgreich hochgeladen hat, springen Sie zur Seite, nachdem sich der Benutzer erfolgreich angemeldet hat, und aktualisieren Sie den Avatar des Benutzers.

Anmeldeseite

Formularerstellung

<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  id="imagecheckcode" src="./store.php?r=<?php echo rand();? alt="Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer" >" />
        <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>

Verifizierungscode-Erstellung

<?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-Aktualisierungsverifizierungscode

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

Verifizierungsseite

Da der Kern dieses Experiments darin besteht, den Avatar des Benutzers zu ändern, wird uns der Benutzername vorerst egal sein und der Root wird sich durchsetzen.

Verifizierungslogik

<?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>";   
    }

Seitensprung

In PHP gibt es viele Möglichkeiten, zuerst zur Seite zu springen. In diesem Artikel wird die Methode zum Hinzufügen von Header-Informationen verwendet. Hier sind einige kleine Beispiele für Seitensprünge.

Header-Funktion

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

Hinweis: Zwischen Standort und:

Meta-Tag

<   meta   http-equiv = "refresh"  content = "1;url=http://www.php.cn/" >
Hinweis: Der Inhalt kann so gesteuert werden, dass der Sprung innerhalb weniger Sekunden abgeschlossen wird.

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 > ";  
?>
Hinweis: Mit JavaScript kann der Code überall platziert werden, solange er die grammatikalischen Anforderungen erfüllt.

Upload-Seite

Persönliche 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  id="userphoto" src="./root/lover.png" / alt="Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer" ><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-Kern

Der Kern des Uploads ist immer noch ein Formular, in das wir die Bilder einfügen hochgeladen werden Auf den Server hochladen, und dann verwendet PHP move_uploaded_file, um die Dateimigration und das Hochladen zu implementieren.

<?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");
}
?>
Endergebnis

Anmeldeseite

Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

Verifizierungsergebnis

Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

Persönliche Homepage

Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

Neuester Avatar

Detaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer

Zusammenfassung

Sehen Sie sich die Ergebnisse dieses Experiments an.

  • Die Sitzung muss am Anfang der PHP-Datei session_start() geöffnet werden

  • Die Art und Weise, wie PHP einen Seitensprung erreichen kann

  • Dateien hochladen

  • Bestätigungscode-Erstellung und -Nutzung

  • JavaScript: void(0); Kernnutzung

Der allgemeine Inhalt ist so groß. Obwohl der Verschönerungseffekt nicht erhöht wird, ist der Spatz klein und hat alle fünf inneren Organe.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das PHP-Codebeispiel für den Avatar-Ersatz für mehrere Benutzer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn