Banco de imagenes

Bueno ,, pues qui les dejo y explico como instalar y utilizar el Script que en un post anterior trato de explicarles "Maestro HTML" ...

VER DEMO // DESCARGAR SCRIPT COMPLETO

Bien ,, para empezar ,, El Script consta de 2 archivos y una carpeta..
Vease en la siguiente imagen
[contenido no disponible]

Bien , , pues comenzemos a crear los archivos


"imagehosting.php" (cambia la parte del codigo "http://TU-DIRECCION" , por la direcciond de tu sitio ..)
<?php
$varrand = substr(md5(uniqid(rand())),0,10);
$varallw = array("image/bmp","image/gif","image/jpeg","image/pjpeg","image/png","image/x-png");
$varpath = "http://TU-DIRECCION/imagehosting.php?image=";
$varstat = "";

if ($_POST["action"] == "upload") {
if (is_uploaded_file($_FILES["imagen"]["tmp_name"])) {
$varname = $_FILES["imagen"]['name'];
$vartemp = $_FILES['imagen']['tmp_name'];
$vartype = $_FILES['imagen']['type'];

if (in_array($vartype, $varallw) && $varname != "") {
$arrname = explode(".", $varname);
$varname = $varrand.".".$arrname[1];
if (copy($vartemp, "tmp/".$varname)) {
$varpath = $varpath.$varname;
$varstat = "ok";
} else {
$varstat = "Error al subir el archivo";
}
} else {
$varstat = "Archivo no valido";
}
}
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PHP, Banco de imagenes </title>
<link href="cssupload.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="420" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="413" height="40" class="titulo">PHP, Hosting de imagenes </td>
</tr>
<tr>
<td class="text">Aloja gratuitamente tus imagenes:</td>
</tr>
<tr>
<form action="imagehosting.php" method="post" enctype="multipart/form-data">
<td height="50" valign="top" class="text">
<input name="imagen" type="file" class="casilla" id="imagen" size="35" />
<input name="enviar" type="submit" class="boton" id="enviar" value="Upload Image" />
<input name="action" type="hidden" value="upload" /> </td>
</form>
</tr>
<?php if ($varstat == "ok") { ?>
<tr>
<td class="textinf">Confirmaci&oacute;n:

Archivo publicado satisfactoriamente. Puedes utilizar las siguientes opciones para enlazarlo:

Enlace HTML:

<input name='txt1' type='text' value='[contenido no disponible]' size='60'>


Enlace Directo:

<input name='txt2' type='text' value='<?php echo $varpath; ?>' size='60'></td>
</tr>
<?php } else { ?>
<?php if ($varstat != "") { ?>
<tr>
<td class="textinf">Error:

<?php echo $varstat; ?></td>
</tr>
<?php } ?>
<?php } ?>
</table>
<?php if ($varstat == "ok") { ?>
<p align="center">[contenido no disponible]</p>
<?php } ?>
<?php if ($_GET['image'] != "") { ?>
<p align="center">[contenido no disponible]</p>
<?php } ?>
</body>
</html>


"cssupload.css" (puedes modificar el codigo para darle el aspecto que deseas)

.titulo {
font-family: "Trebuchet MS", Verdana;
font-size: 18px;
font-weight: bolder;
color: #990000;
text-decoration: none;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #D4D0C8;
border-bottom-color: #D4D0C8;
text-align: left;
padding-left: 30px;
}
.casilla {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: normal;
color: #666666;
text-decoration: none;
border: 1px solid #D4D0C8;
}
.boton {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
vertical-align: middle;
}
.subtitulo {
font-family: "Trebuchet MS", Verdana;
font-size: 16px;
font-weight: bolder;
color: #999999;
text-decoration: none;
text-align: left;
padding-left: 30px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D4D0C8;
}
.infsub {

font-family: "Trebuchet MS", Verdana;
text-decoration: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D4D0C8;
}
.text {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: normal;
color: #999999;
text-decoration: none;
text-align: left;
padding-left: 30px;
padding-top: 10px;
}
.link {

font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: bolder;
color: #990000;
text-decoration: none;
text-align: center;
}
a.link:hover {


font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: bolder;
color: #990000;
text-decoration: underline;
text-align: center;
}
.linkli {


font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: normal;
color: #0000C0;
text-decoration: none;
}
a.linkli:hover {



font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: normal;
color: #0000C0;
text-decoration: underline;
}
img {
border: 1px solid #D4D0C8;
padding: 5px;
margin: 5px;
}
.textinf {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
font-weight: normal;
color: #999999;
text-decoration: none;
text-align: left;
padding-left: 30px;
padding-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D4D0C8;
}


Bien ,, la ultima parte del Script es Crear una carpeta que llamaremos "tmp" y a la cual le daremos permisos 777 , una vez que la hayamos subido al Host


******************************
Ahora solo subimos nuestros dos archivos y la carpeta a nuestro Host ,, Damos permisos de escritura 777 a la carpeta y listo !!!!

Tu Host de imagenes esta listo para usarse ........
http://TU-DIRECCION/imagehosting.php
******************************

VER DEMO // DESCARGAR SCRIPT COMPLETO
No entiendo como es eso d crear una carpeta tmp?? esa carpeta no viene con el archivo q se descarga???

Y como es eso de darle el permiso 777???
Disculpa mi ignorancia
WiLL
La carpeta sí viene, aunque vacía, por lo que no sé si te dejará subirla. Por eso es mejor crearla.
Los permisos se dan desde la página del servidor, o en el caso de que subas tu web con filezilla o IE también los puedes dar desde ahí.
Saludos :wink:
Pero en que momento me sale para dar esos permisos?? ya coloque el hosting d imagenes en mi web pero no me ha salido nada, y otra pregunta las imagenes que sean subidas como hao para visualizarlas??
WiLL
Pues lo de visualizarlas hay un problema, y es que muchos hostings no permiten que se muestre una imagen en una web distinta. Que yo sepa el que lo permite es 000webhost (aunque le puedes indicar que lçno lo permita).
Qué servidor tienes?
Normalmente al entrar en el administrador de archivos o file manager de tu servidor verás por ahí un botón de permisos o permissions
Saludos :wink:
Mi servidor es iespana.es

Tendria que revisar la guia d tu pag xq d verdad no tengo idea d como utilizar ese servidor que dices.
WiLL
Trate de entrar al cpanel como explica tu web pero cuando fui a acces cpanel me salio una pag diciendome q la pag aun no ha sido creada, no comprendo todavia. Lo que yo quiero es cambiar d iespana a 000webhost. Como hago para pasar lo q compone mi pag a el nuevo host???
WiLL
Eso al registrarte te decía de instalar el cpanel, y seguramente cerrarías la web antes de que se instalara o algo. De todas formas en el correo que te llegó tienes un link para volver a instalar el cpanel :wink:
Revise mi correo y vi el mensaje de 000webhost pero no me abre, no se q pasara. Alguna sugerencia??
WiLL
Yo la verdad es que no me acuerdo de cómo venía el correo, pero alguna forma debe haber de instalar el cpanel, si no lo tienes instalado.
Prueba entrando a tu cuenta y dándole a "View account details". Luego mira en el apartado Account details a ver que dice.
Si no encuentras al b´ton puedes usar lo de Request Support
desde tu cuenta (aunque tendrás que escribir el mensaje en inglés)
Saludos :wink:
Creo q lo mejor es esperar q me cierren la cuenta y volverla a abrir para poder utilizar el mismo correo xq d vdd no consigo lo q me dices. Cuanto tiempo tendra q pasar para q me cierren la cuenta??

Alguna otra sugerencia?
WiLL
Pues para que cierren una cuenta debe de pasar 14 días sin una sola visita :?
Creo q lo mejor es esperar q me cierren la cuenta y volverla a abrir para poder utilizar el mismo correo xq d vdd no consigo lo q me dices. Cuanto tiempo tendra q pasar para q me cierren la cuenta??

Alguna otra sugerencia?
WiLL
Lo q paso fue q tuve q volver a cargar a la pag xq habia qdado colgada creo.. Tonces x eso dije dos veces lo mismo.. :P
WiLL
hola, siguiendo el tutorial, he consigodo subir las imagenes, pero me surge un problema, como puedo hacer para verlo en mi pagina.

me sale un enlace, pero, como hago para que se puedan ver estas fotos en mi pagina

saludos
Pues debes poner el siguiente código:
[contenido no disponible]
Saludos :wink:
si, correcto, en mi visor de imagenes pongo esa ruta, pero lo que preguntaba es si hay manera de automatizarlo me explico...

cualquiera puede subir una foto a ese banco de fotos, correcto?,
pues bien el tema seria como hacer que las fotos se vean de manera automatica, no que to tenga luego que coenctaral al visor de imagen, si es posible, claro

saludos
Pues eso debes usar php. Ahí ya no te puedo ayudar, ya que ese lenguaje de programación todavía no lo he aprendido del todo (y hasta verano no lo haré, jeje)
Saludos :wink:
MI curiosidad es si hay alguna forma de q las imagenes se suban a una pag para poder visualizarlas directament.

Si saben como hacerlo me lo explican xfa ;)
WiLL
La verdad no se como funciona imageshack.

Lo q yo quiero es q las imagenes q yo suba x medio del programa q dio foxlogan las pueda visualizar en una pag.

Osea q al subir una imagen se almacene en una especie d galeria para q los usuarios de la pag las puedan ver
WiLL
Quieres que tan solo subir un usuario la imagen se vea en la página?
Ten en cuenta que eso puede ser un poco peligroso, porque nunca sabes qué imagen subirá el usuario