Importante que lean, antes de copiar y pegar
Hola, aquí les dejo un código sencillo que les permitirá subir imágenes. El código consta de 2 partes: Un código html y un código php, las imágenes se subirán al mismo directorio en el que se encuentren los códigos.
Ej: Si el código esta en la carpeta /Subir las imágenes se subiran a esa carpeta, quedando la URL de la siguiente manera: http://misitio.com/Subir/nombredelaimagen.jpg
El código lo encontré en Internet pero lo modifiqué por que solo servia para adjuntar imágenes y ver la vista previa.
A continuación les dejo el código y después una explicación de las partes que deben tener en cuenta.
Código HTML - subir.html :
[color=#000000]
</script>
<style type="text/css">
#sendEmail{
font:normal 11px Tahoma, Geneva, sans-serif;
color:#333;
border:1px solid #999;
background:#F9F9F9;
width:500px;
padding:20px;
margin:0 auto
}
#sendEmail legend{
color:#09F;
font-size:15px
}
#sendEmail label{
width:90px;
float:left;
text-align:left;
}
#sendEmail .row{
overflow:hidden;
margin:6px 0
}
#sendEmail .button{
background:#333;
color:#FFF;
width:180px;
padding:5px 0;
margin-top:20px;
cursor:pointer
}
#loading{
background:#F5F5F5;
border-top:1px solid #F3F3F3;
border-bottom:1px solid #F3F3F3;
display:none;
text-align:center;
margin:6px 0;
padding:5px 0
}
input, textarea{
font:normal 11px Tahoma, Geneva, sans-serif;
color:#000
}
</style>
</head>
<body>
<a href="URL DE LA PAGINA DE INICIO"><img src="URL DE LA IMAGEN DE TU WEB" border="0"></a>
<fieldset id="sendEmail">
<legend><h3>Subir imagenes</h3></legend>
<form action="subir.php" method="post" enctype="multipart/form-data">
<b>Elige tu imagen:</b>
<input type="hidden" name="MAX_FILE_SIZE" value="100000">
<br>
<br>
<input name="userfile" type="file">
<input type="submit" value="Enviar"><br><br>
<font size=1>Aqui va algun texto que quieras agregar</font>
</form>
</fieldset>
[/color]
Este es el código html, no tiene mucha ciencia, esta la parte del estilo y luego la del formulario, ustedes después lo podrán editar con respecto a su web. Ahora el código .php
Codigo php - subir.php:
[color=#000000]</script>
<style type="text/css">
#sendEmail{
font:normal 11px Tahoma, Geneva, sans-serif;
color:#333;
border:1px solid #999;
background:#F9F9F9;
width:500px;
padding:20px;
margin:0 auto
}
#sendEmail legend{
color:#09F;
font-size:15px
}
#sendEmail label{
width:90px;
float:left;
text-align:left;
}
#sendEmail .row{
overflow:hidden;
margin:6px 0
}
#sendEmail .button{
background:#333;
color:#FFF;
width:180px;
padding:5px 0;
margin-top:20px;
cursor:pointer
}
#loading{
background:#F5F5F5;
border-top:1px solid #F3F3F3;
border-bottom:1px solid #F3F3F3;
display:none;
text-align:center;
margin:6px 0;
padding:5px 0
}
input, textarea{
font:normal 11px Tahoma, Geneva, sans-serif;
color:#000
}
</style>
</head>
<body>
<a href="/Upload"><img src="/Upload/site-img/logo.png" border="0"></a>
<fieldset id="sendEmail">
<legend><h3>Subir imagenes</h3></legend>
<form action="subir.php" method="post" enctype="multipart/form-data">
<b>Elige tu imagen:</b>
<input type="hidden" name="MAX_FILE_SIZE" value="100000">
<br>
<br>
<input name="userfile" type="file">
<input type="submit" value="Enviar"><br>
<br>
<font size=1>AQUI ALGUN TEXTO</font>
</form>
<?
//tomo el valor de un elemento de tipo texto del formulario
$cadenatexto = $_POST["cadenatexto"];
echo "Nombre de tu web: " . $cadenatexto . "<br><br>";
//datos del arhivo
$nombre_archivo = $HTTP_POST_FILES['userfile']['name'];
$tipo_archivo = $HTTP_POST_FILES['userfile']['type'];
$tamano_archivo = $HTTP_POST_FILES['userfile']['size'];
//compruebo si las características del archivo son las que deseo
if (!((strpos($tipo_archivo, "ico") || strpos($tipo_archivo, "png")) && ($tamano_archivo < 1000000000000000000000000000000000000000))) {
echo "La extensión o el tamaño de los archivos no es correcta. <br><br><table><tr><td><li><small>Se permiten archivos .ico o .png</small><br><li><small>Se permiten archivos de 100 Kb máximo.</td></tr></table></small>";
}else{
if (move_uploaded_file($HTTP_POST_FILES['userfile']['tmp_name'], $nombre_archivo)){
$link = "URL DE TU WEB/$nombre_archivo";
echo "El archivo ha sido cargado correctamente. El link de su imagen es: $link - <a href=$link>Ver</a>";
}else{
echo "Ocurrió algún error al subir el fichero. No pudo guardarse.";
}
}
?>
</body>
</fieldset>
Este código muestra que se integró el código del html con el código en php. Lo que tienen que editar son ciertas partes en las que sale en mayúscula como URL DE TU WEB. Ahora si usan este código tal como esta (ya habiendo editado las partes como url y textos), solo les permitirá subir imágenes en formatos .ico y .png , por eso deben editar la siguiente parte:
[color=#000000]if (!((strpos($tipo_archivo, "ico") || strpos($tipo_archivo, "png")) [/color]
Agregando mas extensiones, al agregar más extensiones el código ira quedando asi:
[color=#000000]if (!((strpos($tipo_archivo, "ico") || strpos($tipo_archivo, "png") || strpos($tipo_archivo, "jpg") || strpos($tipo_archivo, "bmp")) [/color]
y así sucesivamente, agregando
[color=#000000]|| strpos($tipo_archivo, "EXTENSIÓN")[/color]
Pueden ver una demostración del código en:
solo con imágenes .ico y .png
El código es bastante sencillo, si necesitan ayuda extra, me pueden mandar un Mensaje Privado.