Novedades:
Accede a tu cuenta para ver las novedades! Crear sistema de ingreso de usuarios sin base de datos (3ra parte)
Primera Parte | Segunda Parte
En este tercer tutorial nos encargaremos del tema de "El avatar"
El avatar
Crear estos archivos:
Usuarios/avatar.php
Usuarios/borrar-a.php
Usuarios/avatar/
Usuarios/avatar/default.png
"Usuarios/avatar.php " Administracion del avatar.
"Usuarios/borrar-a.php " Borrar avatar.
"Usuarios/avatar/ " Carpeta llamada 'avatar' en la carpeta 'Usuarios' donde se colocan todos los avatares.
"Usuarios/avatar/default.png " Avatar de defecto, osea si no hay avatar se muestra este.
Usuarios/avatar.php
<?php
$status = "";
if ($_POST["action"] == "upload") {
// obtenemos los datos del archivo
$tamano = $_FILES["archivo"]['size'];
$tipo = $_FILES["archivo"]['type'];
$archivo = $_SESSION['nombre'].".png";
$prefijo = substr(md5(uniqid(rand())),0,6);
if ($archivo != "") {
// guardamos el archivo a la carpeta files
$destino = "avatar/".$archivo;
if (copy($_FILES['archivo']['tmp_name'],$destino)) {
$status = "Avatar Cambiado con EXITO";
} else {
$status = "Error al subir el archivo";
}
} else {
$status = "Error al subir archivo";
}
}
<html>
<head>
<title>Twisterizo.tk - Cambiar Avatar</title>
<style type="text/css">
a{text-decoration:none;;}
html, body
{width:100%;height:100%;overflow:auto;font-family:Arial;
background-image:url(g8EZAG.png);background-repeat:repeat-y;}
</style>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#E4E1DA">
<center>
<?php
$nombre_archivo = "avatar/".$_SESSION['nombre'].".png";
if (file_exists($nombre_archivo)) {?>
<h1>Avatar Actual:</h1>
<img src="avatar/<? echo $_SESSION['nombre']?>.png" height="120" alt="Avatar Actual" border="0"><br>
<a href="borrar-a.php?nombre=<? echo $_SESSION['nombre']?>">BORRAR AVATAR!</a>
<?} else {?>
<table width="315" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="text">Por favor seleccione el archivo a subir:</td>
</tr>
<tr>
<form action="<? ECHO $_SERVER['REQUEST_URI']?>" method="post" enctype="multipart/form-data">
<td class="text">
<input name="archivo" type="file" class="casilla" id="archivo" size="35" />
<input name="enviar" type="submit" class="boton" id="enviar" value="Subir Avatar!" />
<input name="action" type="hidden" value="upload" /> </td>
</form>
</tr>
<tr>
<td class="text" style="color:#990000"><?php echo $status; ? </td>
</tr>
</table>
<?}?>
</center>
</body>
</html>
?>
Usuarios/borrar-a.php
<?
$archivo = "avatar/".$_GET['nombre'].".png";
unlink ($archivo);
?><html>
<head>
<title>Twisterizo.tk - Cambiar Avatar</title>
<style type="text/css">
a{text-decoration:none;;}
html, body
{width:100%;height:100%;overflow:auto;font-family:Arial;
background-image:url(g8EZAG.png);background-repeat:repeat-y;}
</style>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#E4E1DA">
<center><h1>Avatar Borrado</h1>
<a href="avatar.php?nombre=<? echo $_GET['nombre']?>">Subir Avatar</a>
Para ver en funcionamiento de esto al archivo index.php de la Segunda Parte , Reemplaza esta linea:
<p><?php echo $_SESSION['nombre'];?></p>
Por esta:
<p><?php echo $_SESSION['nombre'];?></p>
Tu AVATAR ES:<br>
<?php
$avatar = "avatar/".$_SESSION['nombre'].".png";
$nombre_archivo = 'avatar/'.$_SESSION['nombre'].'.png';
if (file_exists($nombre_archivo)) {?>
<img src="<? echo $avatar ?>" border="1" height="50" alt="Tu AVATAR">
<?} else {?>
<img src="avatar/default.png" border="1" height="50" alt="Tu AVATAR">
<?}?>
Y se modifica esta linea:
<a href="logout.php">Cerrar sesion</a>
Por esta:
<a href="logout.php">Cerrar sesion</a> | <a href="avataCambiar Avatar</a>