Subir y mostrar imagens con Php y Mysql parte-2
Esto es lo que nos mostrara cuando no halla ninguna foto en la base de datos. el diseño no es muy bueno pero se que ustedes podran maquetarlo mejor talves me pasan el CSS cuando lo hagan.
Este script es unos de los más buscados en los foros, blog en todas las páginas de programación y diseño.
.
Se los mostrare de una forma fácil de como subir una imagen a nuestro servidor local o si lo tenemos en un servidor de pago.
Estarán diciendo por fin encontré un tutorial donde expliquen cómo subir fotos a mi base de datos mysql?, pero les aclaro que las fotos no se van a guardar en nuestra base de datos sino que lo haremos en un carpeta de nuestro servidor ya sea online o local, lo único que se guarda en la base de datos es la el nombre de nuestra foto con su extencion.
Esto se hace para no sobrecargar nuestro sitio y la base de datos, imagínen que por cada usuario tenemos más de 100 fotos que mostrar.
Para esto utilizaremos 4 archivos 3 de ellos que son los más importantes para poder realizar nuestro script.
Index
La segunda linea de nuestro codigo php hace el llamado de nuestra archivo class9.php mas adelante les explicare que contiene este archivo.
Hacemos el llamdo a nuestra clase Trabajo() que está dentro de nuestro archivo class9.php.
En la condición if nos dice que si hemos hecho clic en el botón grabar y si grabar es igual a si entonces hacemos el llamado al método add_foto();
<?php
require_once("class9.php";
$trab=new Trabajo();
if (isset($_POST["grabar"]) and $_POST["grabar"]=="si"
{
$trab->add_foto();
exit;
}
?>
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title>Subir foto-php-mysql</title>
<link rel="stylesheet" href="estilo9.css">
<script type="text/javascript" src="jss.js"></script>
</head>
<body>
Aquí tenemos las estructura de nuestro formulario y le tenemos que agregarle lo siguiente para poder buscar un archivos al momento de hacer click en el botón Subir foto enctype="multipart/form-data".
<div id="wrapper">
<form name="form1" id="form1" action="" method="post" enctype="multipart/form-data">
<div class="titulo space">
<h1><strong>SUBIR FOTO</strong></h1>
</div>
<div class="nomb space">
<label for="nombre" id="labelformanunciarse">Nombre:</label>
<input name="nombre" class="nombre" type="text" id="nombre" />
</div>
<div class="nomfoto space">
<label for="foto" id="labelformanunciarse">Foto</label>
<input name="foto" class="foto" type="file" size="5" />
</div>
<div class="bton">
<input type="hidden" name="grabar" value="si" />
<input type="submit" value="Subir Fotos" title="Subir Fotos" /></td>
</div>
</form>
</div>
Este formulario nos mostrara todas las fotos que estan guardas en nuestro servidor.
Este formulario solamente es para mostrar el contenido de nuestra base de datos en el.
Se declara una variable llamada $mostrar que a su vez es igual a la variable $trab que hace un llamado al método get_fotos().
Hacemos un siclo for para mostrar todo el contenido de nuestra base de datos.
En el input llamado name=”nombre” en el value le agregamos un código php que hara que muestre solamente los nombre que están ubicados en la base de datos.
Y en el otro input es el que contiene el nombre de nuestra foto.
<div class="titulo space">
<h1><strong>FOTOS GUARDADAS</strong></h1>
</div>
<?php
$mostrar=$trab->get_fotos();
for ($x=0; $x<sizeof($mostrar); $x++)
{
?>
<div class="nomestilo space">
<label for="nombre" id="labelformanunciarse">Nombre:</label>
<input name="nombre" class="nombre" type="text" value="<?php echo $mostrar[$x]["nombre"];?>" />
</div>
<div class="nomfotoestilo">
<label for="foto" >Foto</label>
<img src="images/<?php echo $mostrar[$x]["foto"];?>"/>
</div>
<?php
}
?>
</form>
</body>
</html>
Subir y mostrar imagens con Php y Mysql parte-2
En esta segunda parte vamos a crear la base de datos con el nombre bdfoto, y una tabla llamada tusuario.
Aquí les dejo el código sql para que lo agreguen al momento de haber creado la base de datos.
La table tiene un campo id como llave primaria autoincrementadle y el campo nombre y foto serán de tipo varchar.
Hacen click en la pestaña SQL.
Después nos muestra la siguiente ventana pegamos el código y hacemos click en el botón continuar ya habremos creado nuestra tabla.
CREATE TABLE IF NOT EXISTS `tusuario` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`nombre` varchar(50) COLLATE utf8_spanish_ci DEFAULT NULL,
`foto` varchar(100) COLLATE utf8_spanish_ci DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci AUTO_INCREMENT=6 ;
Recuerden crear la carpeta images que es donde se guardara nuestra fotos al momento de subirlas.
class_conex.php
crean el archivo class_conex.php y dentro pegamos el codigo siguiente, Se crea una clase principal donde contendrá todos los métodos que vallamos a crear pero esta vez únicamente será el método llamado con.
<?php
class Conectar
{
public static function con()
{
$con=mysql_connect("localhost","root","";
mysql_query("SET NAMES 'utf8' ";
mysql_select_db("bdfoto";
return $con;
}
}
?>
Subir y mostrar imagens con Php y Mysql parte-3
class9.php
<?php
require_once("class_conex.php";
require_once("resize.php";
class Trabajo
{
private $getfoto=array();
public function __construct()
{
$this->getfoto=array();
}
public function add_fotos()
{
copy($_FILES["foto"]["tmp_name"],"images".$_FILES["foto"]["name"]);
$thumb=new thumbnail("images".$_FILES["foto"]["name"]);
$thumb->size_width(179);//setea el ancho de la copia
$thumb->size_height(179);//setea el alto de la copia
$thumb->jpeg_quality(75);//setea la calidad jpg
$nom=$_POST["nombre"].".jpg";
$thumb->save("images/$nom"; //guardarla en el servidor
unlink("images".$_FILES["foto"]["name"]);
$consulta="insert into tusuario "
." values
(null,
'".strip_tags($_POST["nombre"])."',
'$nom');
";
mysql_query($consulta,Conectar::con());
header("Location: ind9.php";
}
public function get_fotos()
{
$sql="select nombre,foto from tusuario";
$res=mysql_query($sql,Conectar::con());
if (mysql_num_rows($res)==0)
{
echo "No hay fotos guardadas";
}
else
{
$res=mysql_query($sql,Conectar::con());
while ($reg=mysql_fetch_assoc($res))
{
$this->getanun[]=$reg;
}
return $this->getanun;
}
}
}
https://www.f a c ebook.com/pages/Cursodise%C3%B1oweb/591399160939510?ref=settings
Esto es lo que nos mostrara cuando no halla ninguna foto en la base de datos. el diseño no es muy bueno pero se que ustedes podran maquetarlo mejor talves me pasan el CSS cuando lo hagan.
Este script es unos de los más buscados en los foros, blog en todas las páginas de programación y diseño.
.
Se los mostrare de una forma fácil de como subir una imagen a nuestro servidor local o si lo tenemos en un servidor de pago.
Estarán diciendo por fin encontré un tutorial donde expliquen cómo subir fotos a mi base de datos mysql?, pero les aclaro que las fotos no se van a guardar en nuestra base de datos sino que lo haremos en un carpeta de nuestro servidor ya sea online o local, lo único que se guarda en la base de datos es la el nombre de nuestra foto con su extencion.
Esto se hace para no sobrecargar nuestro sitio y la base de datos, imagínen que por cada usuario tenemos más de 100 fotos que mostrar.
Para esto utilizaremos 4 archivos 3 de ellos que son los más importantes para poder realizar nuestro script.
Index
La segunda linea de nuestro codigo php hace el llamado de nuestra archivo class9.php mas adelante les explicare que contiene este archivo.
Hacemos el llamdo a nuestra clase Trabajo() que está dentro de nuestro archivo class9.php.
En la condición if nos dice que si hemos hecho clic en el botón grabar y si grabar es igual a si entonces hacemos el llamado al método add_foto();
<?php
require_once("class9.php";
$trab=new Trabajo();
if (isset($_POST["grabar"]) and $_POST["grabar"]=="si"
{
$trab->add_foto();
exit;
}
?>
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title>Subir foto-php-mysql</title>
<link rel="stylesheet" href="estilo9.css">
<script type="text/javascript" src="jss.js"></script>
</head>
<body>
Aquí tenemos las estructura de nuestro formulario y le tenemos que agregarle lo siguiente para poder buscar un archivos al momento de hacer click en el botón Subir foto enctype="multipart/form-data".
<div id="wrapper">
<form name="form1" id="form1" action="" method="post" enctype="multipart/form-data">
<div class="titulo space">
<h1><strong>SUBIR FOTO</strong></h1>
</div>
<div class="nomb space">
<label for="nombre" id="labelformanunciarse">Nombre:</label>
<input name="nombre" class="nombre" type="text" id="nombre" />
</div>
<div class="nomfoto space">
<label for="foto" id="labelformanunciarse">Foto</label>
<input name="foto" class="foto" type="file" size="5" />
</div>
<div class="bton">
<input type="hidden" name="grabar" value="si" />
<input type="submit" value="Subir Fotos" title="Subir Fotos" /></td>
</div>
</form>
</div>
Este formulario nos mostrara todas las fotos que estan guardas en nuestro servidor.
Este formulario solamente es para mostrar el contenido de nuestra base de datos en el.
Se declara una variable llamada $mostrar que a su vez es igual a la variable $trab que hace un llamado al método get_fotos().
Hacemos un siclo for para mostrar todo el contenido de nuestra base de datos.
En el input llamado name=”nombre” en el value le agregamos un código php que hara que muestre solamente los nombre que están ubicados en la base de datos.
Y en el otro input es el que contiene el nombre de nuestra foto.
<div class="titulo space">
<h1><strong>FOTOS GUARDADAS</strong></h1>
</div>
<?php
$mostrar=$trab->get_fotos();
for ($x=0; $x<sizeof($mostrar); $x++)
{
?>
<div class="nomestilo space">
<label for="nombre" id="labelformanunciarse">Nombre:</label>
<input name="nombre" class="nombre" type="text" value="<?php echo $mostrar[$x]["nombre"];?>" />
</div>
<div class="nomfotoestilo">
<label for="foto" >Foto</label>
<img src="images/<?php echo $mostrar[$x]["foto"];?>"/>
</div>
<?php
}
?>
</form>
</body>
</html>
Subir y mostrar imagens con Php y Mysql parte-2
En esta segunda parte vamos a crear la base de datos con el nombre bdfoto, y una tabla llamada tusuario.
Aquí les dejo el código sql para que lo agreguen al momento de haber creado la base de datos.
La table tiene un campo id como llave primaria autoincrementadle y el campo nombre y foto serán de tipo varchar.
Hacen click en la pestaña SQL.
Después nos muestra la siguiente ventana pegamos el código y hacemos click en el botón continuar ya habremos creado nuestra tabla.
CREATE TABLE IF NOT EXISTS `tusuario` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`nombre` varchar(50) COLLATE utf8_spanish_ci DEFAULT NULL,
`foto` varchar(100) COLLATE utf8_spanish_ci DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci AUTO_INCREMENT=6 ;
Recuerden crear la carpeta images que es donde se guardara nuestra fotos al momento de subirlas.
class_conex.php
crean el archivo class_conex.php y dentro pegamos el codigo siguiente, Se crea una clase principal donde contendrá todos los métodos que vallamos a crear pero esta vez únicamente será el método llamado con.
<?php
class Conectar
{
public static function con()
{
$con=mysql_connect("localhost","root","";
mysql_query("SET NAMES 'utf8' ";
mysql_select_db("bdfoto";
return $con;
}
}
?>
Subir y mostrar imagens con Php y Mysql parte-3
class9.php
<?php
require_once("class_conex.php";
require_once("resize.php";
class Trabajo
{
private $getfoto=array();
public function __construct()
{
$this->getfoto=array();
}
public function add_fotos()
{
copy($_FILES["foto"]["tmp_name"],"images".$_FILES["foto"]["name"]);
$thumb=new thumbnail("images".$_FILES["foto"]["name"]);
$thumb->size_width(179);//setea el ancho de la copia
$thumb->size_height(179);//setea el alto de la copia
$thumb->jpeg_quality(75);//setea la calidad jpg
$nom=$_POST["nombre"].".jpg";
$thumb->save("images/$nom"; //guardarla en el servidor
unlink("images".$_FILES["foto"]["name"]);
$consulta="insert into tusuario "
." values
(null,
'".strip_tags($_POST["nombre"])."',
'$nom');
";
mysql_query($consulta,Conectar::con());
header("Location: ind9.php";
}
public function get_fotos()
{
$sql="select nombre,foto from tusuario";
$res=mysql_query($sql,Conectar::con());
if (mysql_num_rows($res)==0)
{
echo "No hay fotos guardadas";
}
else
{
$res=mysql_query($sql,Conectar::con());
while ($reg=mysql_fetch_assoc($res))
{
$this->getanun[]=$reg;
}
return $this->getanun;
}
}
}
https://www.f a c ebook.com/pages/Cursodise%C3%B1oweb/591399160939510?ref=settings