Está en la página 1de 59

11/10/2017 login php mysqli con foto de perfil para web...

Bloguero-ec

Bloguero-ec
Codigo Fuente, programacin, Diseo Web

login php mysqli con foto de


per l para web
agosto 6, 2015
codigo-fuente,login,mysqli,php

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 1/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Etiquetas: codigo-fuente, login, mysqli, php

Sell PUBG Skins Instantly

Get up to 10% on Skins.Cash. Try Now!

Anuncio Skins.Cash Visitar

Saludos esta vez vamos a crear un login php mysqli con


foto de perfil , este sistema consiste en registrar un
usuario , despus haremos que el usuario inicie sesin y
que suba una foto de perfil diferente a la que le
proporciona por defecto el sistema , esto lo haremos en
una pgina llamada perfil.php .
Creando nuestro login php
mysqli con foto de perfil..

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 2/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Cabe recalcar que har una breve explicacin suponiendo


que el lector tiene un poco de conocimiento de php y
msqli..
Para la utilizacin de este demo e utilizado una plantilla
que us en un tutorial anterior. Lo he modificado
para crear mas scripts dentro de la misma pgina.
Archivos a utilizar :
Index.php
registro.php
login.php
perfil.php
conexion.php
estilo.css
include.php
desconectar.php
cargar-imagen.js
tabla.sql
index.php .- Este archivo lo voy a dividir en dos partes
head y body ..
Dentro de las etiquetas<head> enlazaremos los estilos
relacionados a la pgina y los scripts utilizados para este
demo , cabe recalcar que estoy usando la librera
Fancybox para mostrar la imagen de perfil que he sacado

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 3/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

de este tutorial : Cmo usar la librera Fancybox. La


librera jquery podrs descargar de su pgina de autor o
Utilizar sus CDN hosted a nivel mundial .

1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perfi
4 Url http://www.bloguero-ec.com/publica
5 Descripcion: Inicio de sesin para ins
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com/
8 Dominio local: login-php-mysqli-foto-d
9 */
10 ?>
11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
12 <html xmlns="http://www.w3.org/1999/xh
13 <head>
14 <meta charset="UTF-8">
15 <meta name="viewport" content="wid
16 <title>Login Php mysql mas foto de
17 <--Estilos utilizados -->
18 <link rel="stylesheet" href="css/e
19 <link rel="stylesheet" href="css/f
20 <link rel="stylesheet" href="css/f
21 <link href='http://fonts.googleapi
22 <!-- estilos fancyBox -->
23 <link rel="stylesheet" href="css/j
24 <link rel="stylesheet" href="scrip
25 <link rel="stylesheet" href="scrip
26 <script type="text/javascript" src
27 <!-- scripts fancyBox -->
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 4/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

28 <script type="text/javascript" src


29 <script type="text/javascript" src
30 <script type="text/javascript" src
31 <script type="text/javascript" src
32 <script type="text/javascript" src
33 </head>

1 <body>
2
3 <header class="cabecera-barra">
4 <div class="cabecera-barra-1">
5 <!--Esta cabecera la he div
6 <?php include 'cabecera-bar
7 </div>
8
9 <!--Verificamos si est inicia
10 <?php if (isset($_SESSION['MM_
11 {?>
12 <div class="cabecera-barra-2">
13 <!--Esta cabecera la he div
14 <?php include 'cabecera-b
15 </div>
16 <?php }?>
17 </header>
18 <section class="contenido">
19 <!--Verificamos si se inici s
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 5/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

20 <article class="post"><?php if
21 echo '<p class="info">Ust
22 echo '
23 <div class="tablauser" >
24 <table >
25 <tr>
26 <td>
27 Correo
28 </td>
29 <td >
30 Usuario
31 </td>
32 <td>
33 Foto de Pe
34 </td>
35 </tr>
36 <tr>
37 <td >
38 <a href="mail
39 </td>
40 <td>
41 <a href="per
42 </td>
43 <td>
44 <!--MOstramos
45 <div id="myim
46 <a id="singl
47 <img id="myi
48 </a>
49 </div>
50 <br/>
51 <button oncli
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 6/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

52 </td>
53 </tr>
54 </table>
55 </div>
56 ';
57 }
58 else {
59 //Si no se a iniciado
60 echo '<p class="info"
61 }?></article>
62 </section>
63
64 <?php include 'contenido_lateral.p
65 <?php include 'footer.php'; ?>
66 <!--pequeo script para ocultar y m
67 <script type="text/javascript">
68 function showHide(){
69 var oImageDiv=document.getElem
70 oImageDiv.style.display=(oImag
71 }
72 </script>
73
74 </body>
75 </html>

registro.php .- Servir para registrar los usuarios dentro


de nuestra base de datos en ella guardaremos los datos
previamente ingresados en el formulario por el usuario.

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 7/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Aqu no permitiremos la subida de la foto de perfil ya que


eso lo haremos cuando el usuario est registrado y se
haya logeado correctamente..

1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perf
4 Url http://www.bloguero-ec.com/public
5 Descripcion: Inicio de sesin para in
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com
8 Dominio local: login-php-mysqli-foto-
9 */
10 ?>
11 <?php
12 //verificamos si est iniciada la ses
13 if (isset ($_SESSION['MM_Id'])){
14 header ("Location: http://localho
15 }
16 ?>
17
18 <?php
19 //configuramos variables
20 @$insertar = $_REQUEST['insertar'];
21 @$mail_user = limpiar($_REQUEST['ma
22 @$nick_user = limpiar($_REQUEST['ni
23 @$pass_user = limpiar($_REQUEST['pa
24 @$pass_user2 = limpiar($_REQUEST['p
25 //creamos una foto de perfil por de
26 @$usuario = 'usuario.png';
27 //creamos una consulta para saber s
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 8/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

28 $consulta = "SELECT correo_user FRO


29 $resultado_consulta = $link->query(
30 //colocamos error en false por el m
31 $error = false;
32
33 //verificamos y validamos el form
34 if (isset($insertar))
35 {//insertar
36
37 //mail consultamos si el mail es
38 if (!validar_email($mail_user))
39 {
40 @$errores["mail_user"] = "I
41 $error = true;
42 }
43
44 elseif($res=$resultado_consulta-
45 {
46 @$errores["mail_user"] = "E
47 $resultado_consulta->free();
48 $error = true;
49 }
50
51 else
52 @$errores["mail_user"] = "";
53
54
55
56 //nick verificamos que no se enc
57 if (trim($nick_user) == "")
58 {
59 @$errores["nick_user"] = "I
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 9/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

60 $error = true;
61 }
62 else
63 @$errores["nick_user"] = "";
64
65 //pass verificmos que no se encu
66 if (trim($pass_user) == "")
67 {
68 @$errores["pass_user"] = "I
69 $error = true;
70 }
71 else
72 @$errores["pass_user"] = "";
73
74 //pass2 verificamos que no sea d
75 if (trim($pass_user2) == "")
76 {
77 @$errores["pass_user2"] = "
78 $error = true;
79 }
80 else
81 @$errores["pass_user2"] = ""
82 if(trim($pass_user2) != trim($pas
83 {
84 @$errores["pass_user2"] = "
85 $error = true;
86 }
87 else
88 @$errores["pass_user2"] = ""
89
90
91 }//fin insertar
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 10/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

92
93 ?>
94 <!DOCTYPE html PUBLIC "-//W3C//DTD XH
95 <html xmlns="http://www.w3.org/1999/x
96 <head>
97 <!--Relacionamos los estilos con
98 <meta charset="UTF-8">
99 <meta name="viewport" content="wi
100 <title>Login Php mysql mas foto d
101 <link rel="stylesheet" href="css/
102 <link rel="stylesheet" href="css/
103 <link rel="stylesheet" href="css/
104 <link href='http://fonts.googleapis.c
105
106 </head>
107
108 <body>
109
110 <header class="cabecera-barra">
111 <div class="cabecera-barra-1"
112 <!--Incluimos la cabecera
113 <?php include 'cabecera-ba
114 </div>
115 <!-- verificamos la sesion pa
116 <?php if (isset($_SESSION['MM
117 {?>
118 <div class="cabecera-barra-2"
119 <?php include 'cabecera-
120 </div>
121 <?php }?>
122 </header>
123
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 11/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

124 <section class="contenido">


125 <article class="post">
126 <?php // Si los datos son
127 if (isset($insertar) && $e
128 {
129 //encriptamos las cont
130 $salt = substr ($mail_user
131 $clave_crypt = crypt ($pas
132 //insertamos los datos del
133 $consulta = "insert into l
134 $resultado = $link->query(
135 //mostramos mensajes despu
136 echo '<p class="info">Reg
137 echo '<p class="info">Aho
138 echo '<p class="info">com
139
140 }
141 else
142 {
143 ?>
144 <!--Formulario Utilizamos
145 <form action="" method="pos
146 <table width="50%" align=
147 <p class="info">Formula
148 <tr valign="baseline">
149 <td nowrap="nowrap" a
150 <td><input type="emai
151 <?PHP
152 if (isset($inserta
153 print ("VALUE='
154 else
155 print ("/>");
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 12/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

156 if (@$errores[
157 print ("<BR><SP
158 ?>
159 </td>
160 </tr>
161 <tr valign="baseline">
162 <td nowrap="nowrap" a
163 <td><input type="text
164 <?PHP
165 if (isset($inserta
166 print ("VALUE='
167 else
168 print ("/>");
169 if (@$errores[
170 print ("<BR><SP
171 ?>
172 </td>
173 </tr>
174 <tr valign="baseline">
175 <td nowrap="nowrap" a
176 <td><input type="pass
177 <?PHP
178 if (isset($inserta
179 print ("VALUE='
180 else
181 print ("/>");
182 if (@$errores[
183 print ("<BR><SP
184 ?>
185 </td>
186 </tr>
187 <tr valign="baseline">
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 13/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

188 <td nowrap="nowrap" a


189 <td><input type="pass
190 <?PHP
191 if (isset($inserta
192 print ("VALUE='
193 else
194 print ("/>");
195 if (@$errores[
196 print ("<BR><SP
197 ?>
198 </td>
199 </tr>
200 <tr valign="baseline">
201 <td nowrap="nowrap" a
202 <td align="right"><br
203 </tr>
204 </table>
205 </form>
206 <p> </p>
207 <?php
208 }
209 ?>
210
211 </article>
212 </section>
213
214 <?php include 'contenido_lateral.
215 <?php include 'footer.php'; ?>
216
217 </body>
218 </html>

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 14/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perf
4 Url http://www.bloguero-ec.com/public
5 Descripcion: Inicio de sesin para in
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com
8 Dominio local: login-php-mysqli-foto-
9 */
10 ?>
11 <!DOCTYPE>
12 <html>
13 <head>
14 <-- incluimos en la cabecera los
15 <meta charset="UTF-8">
16 <meta name="viewport" content="wi
17 <title>Login Php mysql mas foto d
18 <link rel="stylesheet" href="css/
19 <link rel="stylesheet" href="css/
20 <link rel="stylesheet" href="css/
21 <link href='http://fonts.googleap
22
23 </head>
24

25 <body>
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 15/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

26
27 <header class="cabecera-barra">
28 <div class="cabecera-barra-1"
29 <?php include 'cabecera-ba
30 </div>
31
32 <!--verificamos que est inic
33 <?php if (isset($_SESSION['MM
34 {?>
35 <div class="cabecera-barra-2"
36 <?php include 'cabecera-
37 </div>
38 <?php }?>
39 </header>
40 <!--conetnido -->
41 <section class="contenido">
42 <article class="post">
43 <!--formulario-->
44 <form name="login" action=""
45 <table width="50%" align="center"
46 <p class="info">Inicie Sesi
47 <tr>
48 <td>
49 <?php
50 if (isset($_POST['login']))
51 {//post login
52 $usuario = limpiar($_REQUE
53 $clave = limpiar($_REQUEST
54 $salt = substr ($usuario,
55 $clave_crypt = crypt ($cla
56 //consultamos si exxiste e
57 $consulta = "SELECT * FROM
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 16/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

58 $resultado = $link->query(
59 /* obtener un array aso
60 $ses = $resultado->fetch_a
61
62 if(($usuario != '') && ($clave !=
63 {
64
65 if(@mysqli_num_rows($resul
66 {//buscamos usuario
67 if($ses['pass_use
68 {
69 if($ses['rang
70 {//verifica
71 if($ses
72 {//vem
73 //declara
74 $_SESSION
75 $_SESSION
76 $_SESSION
77 $_SESSION
78 $_SESSION
79 }//fin
80
81 else
82 {
83 $fech
84 echo'
85 }
86
87 }//fin de v
88 else
89 {
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 17/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

90 echo '<str
91 }
92
93 }
94 else
95 {
96 echo '<strong
97 }
98 }//fin de busqueda us
99 else
100 {
101 echo '<strong cla
102 }
103
104
105 $resultado->free();
106
107 }
108 //verificamos que los campos
109 else
110 {
111 echo '<strong class="error">D
112 }
113
114 }//fin post login
115
116
117 if (isset ($_SESSION['MM_Id
118 header ("Location: http
119 }
120 else
121 {
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 18/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

122
123
124 ?>
125 </td>
126 </tr>
127 </table>
128 <table width="50%" align="cen
129 <tr>
130 <td width="110">Correo</t
131 <td width="170"><label fo
132 <input type="email" nam
133 </tr>
134 <tr>
135 <td>Password</td>
136 <td><label for="password"
137 <input type="password"
138 </tr>
139 <tr >
140 <td> </td>
141 <td align="right"><br/><i
142 </tr>
143 </table>
144 </form>
145 </article>
146 </section>
147
148 <?php include 'contenido_lateral.
149 <?php include 'footer.php'; ?>
150 <?php
151 }
152 ?>
153
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 19/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

154 </body>
155 </html>

1 <?php require_once('conexion.php');
2 /*
3 Nombre: Login php mysqli foto de perf
4 Url http://www.bloguero-ec.com/public
5 Descripcion: Inicio de sesin para in
6 Autor: Bloguero-ec
7 Autor URL: http://www.bloguero-ec.com
8 Dominio local: login-php-mysqli-foto-
9 */
10 ?>
11 <!DOCTYPE html>
12 <html>
13 <head>
14 <meta charset="UTF-8">
15 <meta name="viewport" content="wi
16 <title>Login Php mysqli mas foto
17 <link rel="stylesheet" href="css/
18 <link rel="stylesheet" href="css/
19 <link rel="stylesheet" href="css/
20 <link href='http://fonts.googleap
21 <script type="text/javascript" sr
22 <script type="text/javascript" sr
23 </head>

24
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 20/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

25 <body>
26
27 <!--verificamos las sesion para h
28 <header class="cabecera-barra">
29 <?php if (!isset($_SESSION['M
30 {?>
31 <div class="cabecera-barra-1"
32 <?php include 'cabecera-ba
33 </div>
34 <?php }?>
35
36 <?php if (isset($_SESSION['MM
37 {?>
38 <div class="cabecera-barra-2"
39 <?php include 'cabecera-
40 </div>
41 <?php }?>
42 </header>
43
44 <!--contenido-->
45 <section class="contenido">
46 <article class="post"><?php i
47 echo '<p class="info">Us
48 echo '
49 <div class="tablauser" >
50 <table >
51 <tr>
52 <td>
53 Correo
54 </td>
55 <td >
56 Usuario
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 21/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

57 </td>
58 <td>
59 Foto de p
60 </td>
61 </tr>
62 <tr>
63 <td >
64 <a href="mai
65 </td>
66 <td>
67 <a href="pe
68 </td>
69 <td>'; ?>
70 <!--verif
71 <?php
72 @$act
73 @$err
74 //arr
75 @$arc
76 //car
77 @$car
78 //rec
79 @$ima
80 //gua
81 @$nom
82 //el
83 @$arr
84 @$cue
85 @$ext
86 //cre
87 @$nom
88 //nom
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 22/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

89 @$nom
90
91 if (isse
92 {//ingre
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107 }
108 // Si los dat
109 if (isset($ac
110 {
111
112 $id= $_SE
113 $actualiz
114 $resultad
115 $mover_ar
116
117 $_SESSION
118 unset($_S
119
120 $select_f
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 23/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

121 $res_foto
122 $ses = $r
123 $_SESSION
124
125 //echo "<
126 //echo "<
127 echo "Se
128 echo'<img
129
130 }
131 else
132 {
133 ?>
134 <img id="th
135 <br/>
136 <!--formula
137 <form actio
138 <div class=
139 <span> Esc
140 <input clas
141 <?PHP
142 if (
143 /
144 p
145 else
146 p
147 if (
148 /
149 p
150 ?>
151 </div>

152 <input clas
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 24/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

153 </form>
154 <?PHP
155 }
156 ?>
157
158 <?php
159 echo '</td>
160 </tr>
161 </table>
162 </div>';
163 }
164 //si no ha iniciado sesi
165 else {
166 echo '<p class="info
167 }?>
168 </article>
169 </section>
170
171 <?php include 'contenido_lateral.
172 <?php include 'footer.php'; ?>
173
174 </body>
175 </html>

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 25/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

1 <?php
2 // *** validamos para el login del sit
3 if (!isset($_SESSION)) {
4 session_start();
5 }
6 ?>
7 <?php
8 //conectamos la tabla
9 $link = mysqli_connect("localhost","ro
10 ?>
11 <?php
12 //verificamos el archivo include si lo
13 if (is_file ('include/include.php')){
14 include ('include/include.php');
15 }
16 else {
17 include ('../include/include.php')
18 }
19 ?>

estilo.css .- Este es el estilo que le he dado tratando de


hacerlo un poco responsive utilizando una maquetacin
sencilla.

1 /*
2 Nombre: Login php mysqli foto de perf
3 Url http://www.bloguero-ec.com/public
4 Descripcion: Inicio de sesin para in
5 Autor: Bloguero-ec
6 Autor URL: http://www.bloguero-ec.com
7 Dominio local: login-php-mysqli-foto-
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 26/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

8 */
9 body{
10 margin: 0;
11 }
12
13 a{text-decoration:none;}
14 a:hover{text-decoration:underline;}
15 .contenido, .contenido-lateral, .pie-
16 padding: 1em 2em;
17 }
18
19 .contenido, .contenido-lateral, .pie-
20 float: left;
21 box-sizing: border-box;
22 }
23
24
25 .contenido{
26 width: 60%;
27 }
28
29 .contenido-lateral{
30 width: 40%;
31 background-color: #CCC;
32 border-left:#999 1px solid;
33 height: 500px;
34 }
35
36 .post{
37 height: auto;
38 padding:35px;
39 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 27/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

40
41 .pie-pagina{
42 width: 100%;
43 background-color: #333;
44 height: auto;
45 }
46
47 .post .input {
48 width:50px;
49 }
50 <!--cabecera-->
51 .cabecera-barra{
52 font:13px Arial, Helvetica, sans-
53 }
54
55 .cabecera-barra .cabecera-separador{
56 max-width: 1200px;
57 text-align: center;
58 margin: 0 auto;
59 }
60
61 /* Logotipo */
62
63 .cabecera-barra h1{
64 float: left;
65 font: normal 28px Cookie, Arial,
66 line-height: 40px;
67 margin: 0;
68 }
69
70 .cabecera-barra h1 span {
71 color: #bc40df;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 28/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

72 }
73
74 /* barra 1*/
75
76 .cabecera-barra .cabecera-barra-1{
77 background-color:#292c2f;
78 box-shadow:0 1px 1px #ccc;
79 padding: 20px 40px;
80 height: 80px;
81 color: #ffffff;
82 box-sizing: border-box;
83 }
84
85 .cabecera-barra .cabecera-barra-1 a {
86 color: #ffffff;
87 text-decoration: none;
88 }
89
90 .cabecera-barra .cabecera-barra-1 nav
91 font:14px Arial, Helvetica, sans-
92 line-height: 40px;
93 float: left;
94 margin: 0 0 0 60px;
95 padding: 0;
96 }
97
98 .cabecera-barra .cabecera-barra-1 nav
99 display: inline-block;
100 padding: 0 5px;
101 opacity: 0.9;
102 text-decoration:none;
103 line-height: 1;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 29/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

104 }
105
106 .cabecera-barra .cabecera-barra-1 nav
107 opacity: 1;
108 }
109
110 .cabecera-barra .cabecera-barra-1 nav
111 border-radius: 2px;
112 background-color: #2B5773;
113 padding: 8px 12px;
114 }
115 .cabecera-barra .cabecera-barra-1 ul{
116 font: 14px Arial, Helvetica, sans
117 list-style: none;
118 line-height: 1;
119 float: right;
120 }
121 .cabecera-barra .cabecera-barra-1 ul
122 display: inline-block;
123 margin-left: 15px;
124 opacity:0.9;
125 }
126 .cabecera-barra .cabecera-barra-1 ul
127 opacity: 1;
128 }
129 .cabecera-barra .cabecera-barra-1 ul
130 font-weight: bold;
131 background-color: #3a3c3e;
132 padding: 10px 15px;
133 border-radius: 3px;
134 }
135 .cabecera-barra .cabecera-barra-1 .he
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 30/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

136 position: relative;


137 float:right;
138 background-color:#3a3c3e;
139 width:75px;
140 height:40px;
141 border-radius:2px;
142 }
143 .cabecera-barra .cabecera-barra-1 .he
144 content:'';
145 width:0;
146 height:0;
147 top: 18px;
148 left: 15px;
149 position:absolute;
150 border:5px solid transparent;
151 border-top-color:#fff;
152 }
153 .cabecera-barra .cabecera-barra-1 .he
154 display: none;
155 font:bold 13px Arial, Helvetica,
156 background-color: inherit;
157 list-style: none;
158 position: absolute;
159 text-align: center;
160 width: 125px;
161 top: 25px;
162 right: 0;
163 padding: 10px;
164 border-radius: 2px;
165 box-shadow: 0 2px 2px rgba(0, 0,
166 box-sizing: border-box;
167 z-index:999;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 31/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

168 }
169 .cabecera-barra .cabecera-barra-1 .he
170 .cabecera-barra .cabecera-barra-1 .he
171 .cabecera-barra .cabecera-barra-1 hea
172 display:block;
173 }
174 .cabecera-barra .cabecera-barra-1 .he
175 padding:5px;
176 }
177 .cabecera-barra .cabecera-barra-1 .he
178 opacity:0.9;
179 }
180 .cabecera-barra .cabecera-barra-1 .he
181 color:#e9ac09;
182 }
183 .cabecera-barra .cabecera-barra-1 .he
184 border-radius:50%;
185 position:absolute;
186 top:6px;
187 max-width: 28px;
188 right:10px;
189 }
190 /*errores de sesiones */
191 .error{color:#900; font-size:1em; tex
192 .info{color:#030; font-size:1.5em; te
193 /* Barra 2*/
194 .ver-foto{
195 cursor:pointer;
196 background-color: #8abff7;
197 border: 1px solid #6e6dd6;
198 padding: 4px;
199 width: 150px;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 32/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

200 }
201
202 .enviar-foto{
203 cursor:pointer;
204 background-color: #F0F0F0;
205 border: 1px solid #BEC6D6;
206 padding: 4px;
207 width: 150px;
208 }
209 .login-registro{
210 cursor:pointer;
211 background-color: #F0F0F0;
212 border: 1px solid #BEC6D6;
213 padding: 4px;
214 width: 150px;
215 }
216 .escogerFoto {
217 position: relative;
218 overflow: hidden;
219 margin: 10px;
220 }
221 .escogerFoto input.escoger {
222 position: absolute;
223 top: 0;
224 right: 0;
225 margin: 0;
226 padding: 0;
227 font-size: 20px;
228 cursor: pointer;
229 opacity: 0;
230 filter: alpha(opacity=0);
231 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 33/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

232 /*tabla de usuario*/


233 .tablauser {
234 margin:0px;padding:0px;
235 width:100%;
236 box-shadow: 10px 10px 5px #888888
237 border:1px solid #6e6dd6;
238
239 -moz-border-radius-bottomleft:0px
240 -webkit-border-bottom-left-radius
241 border-bottom-left-radius:0px;
242
243 -moz-border-radius-bottomright:0p
244 -webkit-border-bottom-right-radiu
245 border-bottom-right-radius:0px;
246
247 -moz-border-radius-topright:0px;
248 -webkit-border-top-right-radius:0
249 border-top-right-radius:0px;
250
251 -moz-border-radius-topleft:0px;
252 -webkit-border-top-left-radius:0p
253 border-top-left-radius:0px;
254 }.tablauser table{
255 border-collapse: collapse;
256 border-spacing: 0;
257 width:100%;
258 height:100%;
259 margin:0px;padding:0px;
260 }.tablauser tr:last-child td:last-chi
261 -moz-border-radius-bottomright:0p
262 -webkit-border-bottom-right-radiu
263 border-bottom-right-radius:0px;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 34/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

264 }
265 .tablauser table tr:first-child td:fi
266 -moz-border-radius-topleft:0px;
267 -webkit-border-top-left-radius:0p
268 border-top-left-radius:0px;
269 }
270 .tablauser table tr:first-child td:la
271 -moz-border-radius-topright:0px;
272 -webkit-border-top-right-radius:0
273 border-top-right-radius:0px;
274 }.tablauser tr:last-child td:first-ch
275 -moz-border-radius-bottomleft:0px
276 -webkit-border-bottom-left-radius
277 border-bottom-left-radius:0px;
278 }.tablauser tr:hover td{
279
280 }
281 .tablauser tr:nth-child(odd){ backgro
282 .tablauser tr:nth-child(even) { ba
283 vertical-align:middle;
284
285
286 border:1px solid #6e6dd6;
287 border-width:0px 1px 1px 0px;
288 text-align:center;
289 padding:19px;
290 font-size:12px;
291 font-family:Arial;
292 font-weight:normal;
293 color:#0600d1;
294 }.tablauser tr:last-child td{
295 border-width:0px 1px 0px 0px;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 35/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

296 }.tablauser tr td:last-child{


297 border-width:0px 0px 1px 0px;
298 }.tablauser tr:last-child td:last-chi
299 border-width:0px 0px 0px 0px;
300 }
301 .tablauser tr:first-child td{
302 background:-o-linear-gradient
303 background:-moz-linear-gradient(
304 filter:progid:DXImageTransform.Mi
305
306 background-color:#8abff7;
307 border:0px solid #6e6dd6;
308 text-align:center;
309 border-width:0px 0px 1px 1px;
310 font-size:14px;
311 font-family:Arial;
312 font-weight:normal;
313 color:#000000;
314 }
315 .tablauser tr:first-child:hover td{
316 background:-o-linear-gradient(bot
317 background:-moz-linear-gradient(
318 filter:progid:DXImageTransform.Mi
319
320 background-color:#8abff7;
321 }
322 .tablauser tr:first-child td:first-ch
323 border-width:0px 0px 1px 0px;
324 }
325 .tablauser tr:first-child td:last-chi
326 border-width:0px 0px 1px 1px;
327 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 36/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

328 /*fin de tabla de usuario*/


329 .cabecera-barra .cabecera-barra-2 {
330 background-color: #ffffff;
331 box-shadow: 1px 3px 3px 0 rgba(0,
332 padding: 20px 40px;
333 }
334
335 .cabecera-barra .cabecera-barra-2 h2
336 line-height: 20px;
337 margin: 0;
338 float: left;
339 }
340
341 .cabecera-barra .cabecera-barra-2 h2
342 font-size: 16px;
343 color: #4e5359;
344 text-decoration: none;
345 }
346
347 .cabecera-barra .cabecera-barra-2 nav
348 text-align: right;
349 line-height: 20px;
350 font-size: 16px;
351 text-overflow: ellipsis;
352 overflow: hidden;
353 white-space: nowrap;
354 }
355
356 .cabecera-barra .cabecera-barra-2 nav
357 display: inline-block;
358 color: #4e5359;
359 text-decoration: none;
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 37/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

360 }
361
362 .cabecera-barra .cabecera-barra-2 nav
363 color: #A9B7BF;
364 margin: 0 4px 0 15px;
365 }
366
367
368 /* Hacemos responsive la cabecera us
369
370 @media screen and (min-width: 600px)
371
372 .contenido, .contenido-lateral{
373 width: 100%;
374 }
375
376 }
377 @media screen and (max-width: 600px)
378 .contenido, .contenido-lateral{
379 width: 100%;
380 }
381 .cabecera-barra .cabecera-barra-1
382 padding:20px 0;
383 }
384
385 .cabecera-barra .cabecera-barra-1
386 float: none;
387 margin: -8px 0 2px;
388 text-align: center;
389 font-size: 24px;
390 line-height: 1;
391 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 38/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

392
393 .cabecera-barra .cabecera-barra-1
394 margin: 0;
395 float: none;
396 font-size:13px;
397 }
398
399 .cabecera-barra .cabecera-barra-1
400 padding: 5px 8px;
401 }
402 .cabecera-barra .cabecera-barra-1
403 display: none;
404 }
405
406
407 .cabecera-barra .cabecera-barra-2
408 padding: 20px 0;
409 }
410
411 .cabecera-barra .cabecera-barra-2
412 float:none;
413 margin: 0 0 12px;
414 }
415
416 .cabecera-barra .cabecera-barra-2
417 text-align: center;
418 }
419
420 .cabecera-barra .cabecera-barra-2
421 display: block;
422 padding: 8px;
423 }
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 39/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

424
425 .cabecera-barra .cabecera-barra-2
426 margin-left:0;
427 }
428
429 }
430 @media screen and (max-width: 480px)
431 .contenido{
432 background-color: rgb(250, 25
433 }
434
435 .contenido, .contenido-lateral{
436 width: 100%;
437 }
438
439 .cabecera-barra .cabecera-barra-2
440 font-size:14px;
441 }
442 .cabecera-barra .cabecera-barra-1
443 display: none;
444 }
445 .post .input{ width:15px;}
446
447 }

include.php .- Se encargar de crear funciones para


verificar si est correcto el correo ,limpiar variables y sacar
los nombres de usuarios con una funcin.

1 <?php

2 /* obtener nombre de usuario*/
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 40/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

3 function nombre_user($iduser){
4
5 global $link;
6 mysqli_select_db($link, "pruebas
7 $query_obtenernombre = sprintf("
8 $obtenernombre = $link->query($q
9 $row_obtenernombre = $obtenernom
10 $totalRows_obtenernombre = mysql
11
12 return $row_obtenernombre['nick_
13 $obtenernombre->free();
14 }
15
16 /*Funcin que se encarga de eliminar
17 function limpiar($var)
18 {
19 $var = trim($var);
20 $var = htmlspecialchars($var);
21 $var = str_replace(chr(160),'',$
22 return $var;
23 }
24
25 /*Funcin que se encarga de validar el
26 function validar_email($email){
27 $mail_correcto = 0;
28 //compruebamos
29 if ((strlen($email) >= 6) && (subs
30 {
31 if ((!strstr($email,"'")) && (!
32 {//miro si tiene caracter .
33 if (substr_count($email,".")
34 {//obtengo la terminacion de
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 41/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

35 $term_dom = substr(strrch
36 //compruebo que la termin
37 if (strlen($term_dom)>1 &
38 {//compruebo que lo de an
39 $antes_dom = substr($e
40 $caracter_ult = substr
41 if ($caracter_ult != "
42 {
43 $mail_correcto = 1;
44 }
45 }
46 }
47 }
48 }
49 if ($mail_correcto)
50 return 1;
51 else
52 return 0;
53 }
54
55 ?>

desconectar.php .- Se encargar de cerrar las sesiones


abiertas por los usuarios al momento de loguearse.

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 42/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

1 <?php
2 //incluimos la coneccin
3 require_once('../conexion.php');
4 ?>
5 <?php
6 // ** cerrar sesion **
7 if(isset($_GET['modo']) == 'de
8 {
9
10 //limpiamos todas las variable
11 $_SESSION['MM_Username'] = NUL
12 $_SESSION['MM_Id'] = NULL;
13 $_SESSION['MM_Nick_user'] = NU
14 $_SESSION['MM_Foto_user'] = NU
15 $_SESSION['MM_mail_user'] = NU
16
17 unset($_SESSION['MM_Username
18 unset($_SESSION['MM_Id']);
19 unset($_SESSION['MM_Nick_use
20 unset($_SESSION['MM_Foto_use
21 unset($_SESSION['MM_mail_use
22
23 //redireccionamos al index
24 header ("Location: http://lo
25
26 }
27 ?>

carga_imagen.js.- Sirve para mostrar la imagen cargada


previamente por el usuario , si no le gusta puede
modificar por otra.
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 43/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

1 function showMyImage(fileInput) {
2 var files = fileInput.files;
3 for (var i = 0; i < files.leng
4 var file = files[i];
5 var imageType = /image.*/;
6 if (!file.type.match(image
7 continue;
8 }
9 var img=document.getElemen
10 img.file = file;
11 var reader = new FileReade
12 reader.onload = (function(
13 return function(e) {
14 aImg.src = e.targe
15 };
16 })(img);
17 reader.readAsDataURL(file)
18 }
19 }

cabecera_barra1.php .- Se encargar de mostrar datos


de sesin si el usuarios se ha logueado correctamente.

1 <div class="cabecera-separador">
2
3 <h1><a href="index.php">Bloguero<s
4
5 <nav>
6 <a href="#" class="activo">Ver
7 </nav>
8
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 44/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

9 <?PHP
10 //si no se ha iniciado Sesin
11 if (!isset($_SESSION['MM_Id']))
12 {
13 ?>
14
15 <ul>
16 <li><a href="login.php">Login<
17 <li><a href="registro.php">Reg
18 </ul>
19
20
21 <?php
22 }
23 else
24 { //sesion iniciada
25 ?>
26 <div class="header-user-menu">
27
28 <img src="user/<?php echo $_
29
30 <ul>
31 <li><?php echo nombre_u
32 <li><a href="perfil.php"
33 <li><a href="include/des
34 </ul>
35 </div>
36 <?php }?>
37
38 </div>

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 45/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

cabecera_barra2.php.- Se encargar de mostrar una


barra en la parte superior de la pgina

1 <div class="cabecera-separador">
2 <h2><a href="http://www.bloguero-ec.
3 <nav>
4 <a href="index.php"><i class="f
5 <a href="perfil.php"><i class="
6 <a href="#"><i class="fa fa-dow
7 </nav>
8 </div>

contenido_lateral.php .- Mostrar el lado lateral de la


pgina podrs colocar cualquier contenido

1 <aside class="contenido-lateral">
2 <div align="center">
3 <script async src="//pagead2.googl
4 <!-- bloguero-responsive -->
5 <ins class="adsbygoogle"
6 style="display:block"
7 data-ad-client="ca-pub-692715
8 data-ad-slot="4921271120"
9 data-ad-format="auto"></ins>
10 <script>
11 (adsbygoogle = window.adsbygoogle
12 </script>
13 </div>
14 </aside>

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 46/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

footer.php .- mostrar la barra inferior de la pgina


podrs hacer uso de este ingresando cual quier footer
este es solo para el demo.

1 <footer class="pie-pagina">
2 <div align="center">
3 <script async src="//pagead2.googl
4 <!-- bloguero-responsive -->
5 <ins class="adsbygoogle"
6 style="display:block"
7 data-ad-client="ca-pub-692715
8 data-ad-slot="4921271120"
9 data-ad-format="auto"></ins>
10 <script>
11 (adsbygoogle = window.adsbygoogle
12 </script>
13 </div>
14 </footer>

tabla.sql .- creacion de la tabla para ingresar los datos .

1 CREATE TABLE IF NOT EXISTS `login_php_


2 `id_user` int(11) NOT NULL,
3 `correo_user` varchar(100) COLLATE u
4 `nick_user` varchar(100) COLLATE utf
5 `pass_user` varchar(100) COLLATE utf
6 `foto_user` varchar(200) COLLATE utf
7 `rango` int(11) NOT NULL,
8 `estado` varchar(1) COLLATE utf8_spa
9 `fecha_baja` date NOT NULL

10 ) ENGINE=InnoDB DEFAULT CHARSET=utf8 C
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 47/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Para la utilizacin de esta demostracin si deseas cambiar


tu foto de perfil debers utilizar una imagen jpg , png , gif
jpeg y debers acceder a perfil.php desde la barra
superior de la web , este es una simple demostracin
espera les sirva en algn proyecto. Saludos.
DEMOSTRACIN
Comparte esto:

Twitter Facebook 49 Google Tumblr

Me gusta:

Me gusta
S el primero en decir que te gusta.

Relacionado

Login Mvc Php Mysql Ajax. Login php mysql para web Sistema de noticias php mysql
jquery para web...


Poltica de Comentarios de Bloguero-ec
http://www.bloguero-ec.com/politica-de-privacidad
Por favor lea nuestra Poltica de Comentarios antes de comentar.

42 Comentarios Bloguero-ec
1 Acceder

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 48/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Ordenar por los mejores


Recomendar 1 Compartir

nete a la conversacin...

INICIAR SESIN CON


O REGISTRARSE CON DISQUS ?

Nombre

ayuda pls hace 2 meses


por que se le pone la 'MM' en $_SESSION['MM_ID'] o $_SESSION['MM_nick_user'] ???????
Responder Compartir

Bloguero-ec Moderador > ayuda pls hace 2 meses


Saludos . eso es solo una variable de sesin puedes nombrar tus variables de sesion como
mas te convenga... Y despus usarlas en todo el sitio. Recuerda que el nombre a usar
debers usar en todo el sitio..
Responder Compartir

ayuda pls > Bloguero-ec hace 2 meses


Gracias viejo!!! Sigue asi haha
Responder Compartir

Lenin Morales Rivera hace 2 meses


No es por molestarte, una pregunta, como ya tengo mi login aparte, no te molesta si tomo solo la
sesin de perfil, porque lo unico que me interesa es la foto del perfil.
Responder Compartir

Bloguero-ec Moderador > Lenin Morales Rivera hace 2 meses


Saludos. Este login puedes implementarlo de la manera que mejor te convenga.
Responder Compartir

Eduard Aguilar hace 10 meses


la imagen por default,al ingresar donde la ubico?o como hago en ese caso?
Responder Compartir

Bloguero-ec Moderador > Eduard Aguilar hace 10 meses


<img id="myimage1" src="user/'.$_SESSION['MM_Foto_user'].'" alt="" width="100"
height="100"/>

En la carpeta user.. Saludos


Responder Compartir

Eduard Aguilar hace 10 meses


le hace falta explicar mas...no dejas ni enlace de ese fancybox
Responder Compartir

Bloguero-ec Moderador > Eduard Aguilar hace 10 meses
Saludos Eduard los enlaces se encuentran desde una web externa en el post . Al principio
indica que tienes que tener conocimiento previo a php y mysqli , para asi poder entender el
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 49/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

codigo..
Responder Compartir

Victor Gomez hace un ao


HERMANO BUENOS DIAS TENDRAS LOS ARCHIVOS FUENTES PARA QUE LOS COMPARTAS
PARA DESCARGARLO QUE USO LO QUE ESTAN ALLI CONECTA A LA BD PERO NO
ALMACENA LOS DATOS DICE REGISTRADO CON EXITO PERO CUANDO VAS A LOGEO DICE
QUE NO HICISTE EL USERS Y CUANDO VAS A LA BD NO HAY DATOS INSERTADO
Responder Compartir

Bruno Rojas Segura hace un ao


Una consulta, que debera aadir si lo que quiero es que cada usuario tenga una lista indefinida de
imgenes propias? ... supongamos tengo la tabla "documentos" donde cada ingreso tienes su
propio "id" y un "id_login" ...como termino enlazando las tablas y mostrando los contenidos
correspondientes de cada usuario?

MIl Gracias
Responder Compartir

Bloguero-ec Moderador > Bruno Rojas Segura hace un ao


http://www.bloguero-ec.com/... ahi esta la solucion... dentro de un panel de administracion de
usuario puede subir imagenes por usuario...
Responder Compartir

Bruno Rojas Segura > Bloguero-ec hace un ao


probar, gracias
Responder Compartir

jeannette lozano hace un ao


no deberia incrustarle publicidad de google, en la parte del index en la linea nos engaa diciendo
contenido_lateral.php .- Mostrar el lado lateral de la pgina podrs colocar cualquier contenido
cuando es publicidad, ademas el codigo le faltan partes que malo, y asi es todo este portal.????
Responder Compartir

Diego Alejandro Fajardo Lotero hace un ao


hola mira me sale este error me puedes ayudar
Fatal error: Call to a member function fetch_array() on boolean in
E:\xampp\htdocs\ejemplo\registro.php on line 44

(linea44-) elseif($res=$resultado_consulta->fetch_array())
{
@$errores["mail_user"] = "El email ya esta registrado.!";
$resultado_consulta->free();
$error = true;
}
Responder Compartir

Bloguero-ec Moderador > Diego Alejandro Fajardo Lotero hace un ao


Crea una nueva consulta mysqli y solucionars ese problema..
Saludos.
Responder Compartir
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 50/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
p p

Martin Gorgojo Lopez > Diego Alejandro Fajardo Lotero hace un ao


Hola a mi me sale ese error en la pagina de registro y en la de login en la linea 59.
Saludos y gracias por el aporte
Responder Compartir

Bloguero-ec Moderador > Martin Gorgojo Lopez hace un ao


Saludos creen una nueva consulta y sin duda les resultar lo mismo...
Responder Compartir

Eduard Aguilar hace un ao


tienes los codigo en github por casualidad?
Responder Compartir

Bloguero-ec Moderador > Eduard Aguilar hace un ao


No.
Responder Compartir

serg guzman hace un ao


Hola una consulta de donde saco los scripts?
Responder Compartir

Bloguero-ec Moderador > serg guzman hace un ao


De este tutorial: http://todophp.atwebpages.c...
Responder Compartir

Fernando Rumbo hace un ao


Hola! Me podras decir si el archivo custom.js sirve para algo en especial? O puedo usarlo as sin
ningn problema? Buenisimo el tutorial!
Responder Compartir

Bloguero-ec Moderador > Fernando Rumbo hace un ao


Saludos el archivo custom.js hace la carga de la imagen de la clase fancybox en el tutorial
est como utilizar esta librera.

// JavaScript Document

$(document).ready(function() {

$("#single_4").fancybox({

helpers : {

title : {

type : 'over'

}

}

});

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 51/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

});
Responder Compartir

Fernando Rumbo > Bloguero-ec hace un ao


Gracias por responder hermano, funciona bastante bien tu tutorial! Facinante!
Responder Compartir

Jose Diaz hace un ao


Esta super tuvo algunos errores pero faciles de soluconar gracias
Responder Compartir

serg guzman hace un ao


me pueden ayudar no me carga la imagenes sale como si la foto estuviera rota
Responder Compartir

serg guzman > serg guzman hace un ao


alguien me ayuda porfa


Responder Compartir

Bloguero-ec Moderador > serg guzman hace un ao


Saludos verifica la ruta del script que se encuentre bien ubicada:
<script type="text/javascript" src="scripts/carga_imagen.js"></script>
Responder Compartir

Gundo hace un ao
Hola. excelente aporte, en la demostracin funciona excelente. pero al momento de querer probarlo
me arroja el siguiente error:

Fatal error: Call to a member function query() on a non-object in C:\AppServ\www\perfil\registro.php


on line 29

e verificado el archivo en mencion pero no se donde esta el error:

$consulta = "SELECT correo_user FROM login_php_mysql_foto_prefil WHERE


correo_user='$mail_user'" or die("Error en la consulta" . mysql_error($link));

$resultado_consulta = $link->query($consulta);

//colocamos error en false por el momento

$error = false;

Agradezco de ante mano su ayuda. Gracias


Responder Compartir
Bloguero-ec Moderador > Gundo hace un ao
Saludos, revisando el cdigo estoy comprobando que marcha bien desde mi localhost.
P d d id d b i bi
http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 52/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec
Pense que podra ser por error de servidor ya que yo uso xampp , pero deberas revisar bien
tus tablas y bases de datos ya que podras estar usando una diferente...
1 Responder Compartir

Gundo > Bloguero-ec hace un ao


Ok, lo revisare... y os dire como me fue, tendra algo que ver que utilice el servidor
AppServer en ves del xampp que tu utilizas... Muchas Gracias.
Responder Compartir

Bloguero-ec Moderador > Gundo hace un ao


No creo aunque verifica que estes usando siempre las ultimas versiones ...
Responder Compartir

Gundo > Bloguero-ec hace un ao


revisando y haciendo modificaciones y actualizando mi servidor, ahora me
sale este mensaje, creo que no esta habilitada la la funcion mysqli_connect().
se podra resolver este inconveniente.

Fatal error: Call to undefined function mysqli_connect() in


C:\AppServ\www\gundo\conexion.php on line 9
Responder Compartir

Bloguero-ec Moderador > Gundo hace un ao


Instala la version mysqli php en tu servidor..verifica el archivo php.ini y verifica
que est habilitada.
Responder Compartir

Gundo > Bloguero-ec hace un ao


Actualice todo y funciona de maravilla... Muchas gracias por tu tiempo, apoyo
y ayuda..
Responder Compartir

Bloguero-ec Moderador > Gundo hace un ao


Ok saludos...
1 Responder Compartir

NadiaTefi hace 2 aos


Hola!! me da un par de errores :( podras poner el proyecto para descargar?? Gracias por tu ayuda,
lo probe en la demo y est genial! ojal lo pongan para descargar :)
Responder Compartir

Bloguero-ec Moderador > NadiaTefi hace 2 aos


Saludos me podras indicar el error......
Responder Compartir

Rogue Arterio > Bloguero-ec hace 2 aos


<--Estilos utilizados -->

Warning: include(cabecera-barra1.php): failed to open stream: No such file or
directory in C:\xampp\htdocs\BiblioVirtual\index.php on line 31

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 53/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Warning: include(): Failed opening 'cabecera-barra1.php' for inclusion


(include_path='.;C:\xampp\php\PEAR') in C:\xampp\htdocs\BiblioVirtual\index.php on
line 31

Deber Iniciar sesin para ver su perfil...


Responder Compartir

Bloguero-ec Moderador > Rogue Arterio hace 2 aos


Ese error indica que el archivo cabecera-barra1.php no existe o no lo has
creado dentro de C:\xampp\htdocs\BiblioVirtual y el index no puede acceder a
ella arriba est el archivo solo crealo y copia el contenido dentro para obtener
el resutado..
Saludos.
Responder Compartir

Gundo > Bloguero-ec hace un ao


Este error <--Estilos utilizados --> se soluciona as:
< ! --Estilos utilizados -->

lo de este error:
cabecera-barra1.php
verificando en mi caso es porque: cabecera_barra1.php

bueno hay errores de sintaxis, al momento de copiarlo el codigo facilitado por


Bloguero-ec.

agradezco por el aporte de compartir el codigo. pero hay errores que no he


podido dar solucion.

si podria facilitarnos el codigo fuente para descargarlo seria genial, pero en


todo caso me gustaria que me ayudara a dar solucion a algunos errores.
Responder Compartir

TAMBIN EN BLOGUERO-EC

Sistema de votacin por estrellas php mysql Frameworks para la construccin de


9 comentarios hace 3 aos aplicaciones hbridas moviles
AvatarBloguero-ec En la tabla votacion deberas 1 comentario hace 2 aos
aadir los id correspondientes ej.id 1 titulo post1id AvatarClick Online ddd
2 titulo post2id 3 titulo

Cortar texto jQuery (efecto leer ms .) Formulario autorespondedor sendmail php


7 comentarios hace 2 aos html5 css3
AvatarBloguero-ec Saludos gracias por la 8 comentarios hace 3 aos
respuesta... AvatarBloguero-ec Hola verificaste si en los archivos
de descarga comete el mismo error, puede que
haya escrito mal el cdigo en el

Suscrbete d Aade Disqus a tu sitio webAade Disqus Aadir Privacidad

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 54/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

Mas Publicaciones
Lenguajes de programacin y frameworks que usted
debe aprender en 2016
Mucho ha pasado en el mundo del desarrollo de software ....

Representacin gr ca de los Simpsons con puro


estilo css.

Este es una representacin gr ca de ....

Creando un men jQuery con efecto acorden


Hola como estn en esta publicacin les ....

Reloj digital para web, blog, php, html, joomla,


wordpress,etc
Hola como estn esta vez vamos a colocar un ....

O ce 2016 su descarga ya se encuentra disponible


Desde el blog o cial de O ce se anunci que ....

Siguenos
Facebook
Twitter

Google Follow
Disqus

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 55/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

FELICIDADES!
Es el ususario 1.000.000!

ONLINE:
11/10/2017
21:15
Nuestro
sistema
aleatorio de
seleccin de
ganadores
podra elegirle
como ganador
de un
producto
APPLE

CLIC AQUI

Aldaniti

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 56/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 57/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 58/59
11/10/2017 login php mysqli con foto de perfil para web...Bloguero-ec

http://www.bloguero-ec.com/publicacion/login-php-mysqli-foto-de-perfil 59/59