Traductor
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Quiero esto en mi Blog!

domingo, 26 de junio de 2011

Como crear tu propio hosting de imágenes


Como he creado el hosting de imágenes para ésta web, me gustaría poneros un tutorial sobre como crear un hosting de imágenes en php.

Antes que nada, deciros el hosting que yo voy a enseñar a haceros es muy básico, ya que tampoco se mucho y que si queréis hay scripts mucho más profesionales que lo que yo se hacer (como chevereto).

Bueno, empiezo.

1 - Antes de nada tenemos que tener un host para alojar nuestro hosting de imágenes. Yo uso http://www.000webhost.com/

2 - Después descargamos las bases del hosting (avisar si falla el link):
http://www.4shared.com/zip/lK5omX-d/Hosting_Imgenes_Todosobreinter.html?

3 - Lo siguiente va a ser cambiar la configuración del archivo "imagehosting.php" para adaptarlo a nuestro host y darle la forma que queramos. El código de dentro del archivo es este:

 <?php $varrand = substr(md5(uniqid(rand())),0,10);        $varallw = array("image/bmp","image/gif","image/jpeg","image/pjpeg","image/png","image/x-png"); $varpath = "DIRECTORIO DE LA CARPETA DONDE SE GUARDARÁN LAS IMÁGENES"; $varstat = ""; if ($_POST["action"] == "upload") {     if (is_uploaded_file($_FILES["imagen"]["tmp_name"])) {         $varname = $_FILES["imagen"]['name'];         $vartemp = $_FILES['imagen']['tmp_name'];         $vartype = mime_content_type($vartemp);                 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>TÍTULO QUE LE QUERAMOS DAR A LA PÁGINA</title>
 <link href="cssupload.css" rel="stylesheet" type="text/css" />
 </head>
 <body background="LINK DE LA IMAGEN QUE QUERAMOS PONER DE FONDO">
 <table width="420" class="table_decoration" align="center" cellpadding="5" 
 
 cellspacing="10" bgcolor="#FFFFFF">
   <tr>
     <td width="413" height="40" class="titulo" color="#000000">Sube tus imágenes</td>
   </tr>
   <tr>
     <td class="text" color="#000000"><b>Aloja gratuitamente tus imagenes en nuestro host:</b></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" color="#000000"><b><strong>Confirmaci&oacute;n:</strong></b><br>
     <b>Archivo publicado satisfactoriamente. Puedes utilizar las siguientes opciones para enlazarlo:</b><br>
     <strong><b>Enlace HTML:</b></strong> <br>
     <input name='txt1' type='text' value='<a href="<?php echo $varpath; ?>"><img src="<?php echo $varpath; ?>" 
 
 border="0" /></a>' size='60'>
     <br>
     <strong>Enlace Directo: </strong><br>
     <input name='txt2' type='text' value='<?php echo $varpath; ?>' size='60'></td>
   </tr>
   <?php } else { ?>
       <?php if ($varstat != "") { ?>
       <tr>
         <td class="textinf" color="#000000"><strong>Error:</strong><br>
         <?php echo $varstat; ?>&nbsp;</td>
       </tr>
       <?php } ?>
   <?php } ?>
 </table>
 <?php if ($varstat == "ok") { ?>
 <p align="center"><img src="tmp/<?php echo $varname; ?>"></p>
 <?php } ?>
 <?php if ($_GET['image'] != "") { ?>
 <p align="center"><img src="tmp/<?php echo $_GET['image']; ?>"></p>
 <?php } ?>
 </body>
 </html>

Los campos en rojo y amarillo son lo que vamos a poder cambiar, los explico a continuación:

1-.
""image/bmp","image/gif","image/jpeg","image/pjpeg","image/png","image/x-png""
Vamos a poder poner más formatos de imágen permitidos, siempre y cuando estén como los otros: "image/formato"

2-.
"DIRECTORIO DE LA CARPETA DONDE SE GUARDARÁN LAS IMÁGENES"

Dentro del host, la carpeta llamada tmp. ponemos
http://linkdenuestrohost/tmp/

3-.
"TÍTULO QUE LE QUERAMOS DAR A LA PÁGINA"

Título que tomará la página web

4-.
"<body background="LINK DE LA IMAGEN QUE QUERAMOS PONER DE FONDO">"

Si queremos tener una imagen como fondo de la web, tan solo cambiamos lo rojo por el link de ésta.
Si queremos tener el fondo de color, en vez de con una foto, quitamos todo eso y ponemos este código

<body bgcolor="CódigoColor">

Los códigos de los colores los conseguimos aquí:
http://html-color-codes.info/codigos-de-colores-hexadecimales/

4 - Ya tenemos configurado el php, ahora tenemos que subirlo todo a nuestro host, y listo.

Para subirlo tenemos que hacerlo vía FTP, el programa más recomendable es es FileZilla. Lo podemos descargar gratis desde la página oficial http://filezilla-project.org/

Eso es todo, espero que les sirva, si tienes algún problema o duda sobre el código, no dudes en comentarla, intentaré ayudarte todo lo que pueda




1 comentario:

  1. Lo he explicado lo mejor que he podido, si tenési alguna duda, no dudéis en preguntar.

    ResponderEliminar

Deja tu comentario.
No insultes ni faltes al respeto.
No anuncies tu web o blog, el comentario será catalogado como spam y borrado.
Gracias