101Level - Foro

[Guia] Uploader de Archivos ~ †

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Haizu

  • *
  • 758
  • 32
  • Actividad:
    0%
  • Sexo: Femenino
  • Violin Mysteries! ♪♫
[Guia] Uploader de Archivos ~ †
« en: 11 de Abril de 2012, 07:49 »
[Guia] Uploader de Archivos
Realizada por: Haizu

Hoy les traigo una guia acerca de los Uploaders (Cargadores) de archivos e Imagenes, pero partamos por lo primero... Los llamados "Uploader" son archivos que permiten subir cualquier contenido a una parte del servidor por medio de nuestra pagina web, ya sea archivos simples, imagenes, archivos comprimidos (.rar, .zip, y otros), instaladores, entre otros mas sirven para que este pueda ser descargado desde un sitio web en cualquier parte de la internet. Estos son usados cuando por ejemplo, se quiere subir archivos para ponerlos a descarga, o en los foros cuando adjuntan cosas o suben sus imagenes de perfil ^^

Un ejemplo de Uploader son Photobucket, Imageshark, 4shared, Mediafire, y algunos mas que podriamos mencionar.

Estos los puedes armar por ejemplo, si quieres subir archivos sin alguna restriccion, o subir solo imagenes, o solo archivos.

Ahora, veremos un pequeño ejemplo de un uploader simple (parte de este codigo es de internet), que no tiene ninguna restriccion en especial (es decir, te permitira subir de todo). Asi que ¡comenzemos!


1.- Creacion del Formulario ~

Primero vamos a crear un archivo, en donde estara un pequeño formulario que permitira que elijas el archivo a subir... lo llamaremos index.php (pueden usar .html su gustan, da lo mismo en este caso) y pues crearemos el siguente formulario:

(click mostrar/ocultar)

Ahora iremos por partes:

Código: [Seleccionar]
<form action="upload.php" method="post" enctype="multipart/form-data">
Esta parte es sencilla, ya que solo es construir un pequeño formulario que nos lleve al archivo que ejecutara y realizara todo nuestro proceso. En este caso le diremos al atributo action que cuando se envie el formulario, nos lleve al archivo upload.php (archivo que crearemos mas adelante), al method le pondremos post ya que es la forma mas usada para mandar informacion, y lo mas importante... el enctype (encode type) que esto es para indicar que tipo de codificacion sera lo que se enviara, el mas usado es el "multipart/form-data", ya que este permite subir archivos de cualquier tipo y soporta diversos formas de codificacion.

Código: [Seleccionar]
<input name="archivo" type="file" />

Los imput son faciles, pero hay que dejar claro algunas cosas. Asignarle un name a nuestro input ya que este se ocupara al momento en el que el uploader entre en ejecucion asique pueden llamarlo como gusten (yo lo llame archivo), y al atributo type le diremos que es de tipo "file" para que aparesca el boton para subir nuestro archivo.

El resto ya es facil de entender, asi que mucha explicacion no se requiere. Ya tenemos listo la parte de nuestro formulario ahora pasaremos a la otra parte de nuestro uploader, la parte en la que se ejecutara el codigo para que el archivo se suba asi que ¡comenzemos!


2.- Creacion del Archivo Uploader ~

Vamos a crear otro archivo, al cual llamaremos upload.php en el cual se ejecutara el codigo php para hacer la subida de los archivos, dentro de este archivo pondremos lo siguente:

(click mostrar/ocultar)

Y como siempre iremos por partes:

Código: [Seleccionar]
$uploaddir = "storage/";
$uploadfile = $uploaddir . basename($_FILES['archivo']['name']);
$error = $_FILES['archivo']['error'];
$subido = false;

Declaramos una variable a la cual llamaremos $uploaddir (recuerden que toda variable que se declare en php deve ir con un simbolo de peso ($) antes del nombre de la variable) esta variable es para indicar en que lugar o carpeta se almacenaran los archivos que seran subidos, en este caso se guardaran en una carpeta llamada "storage".

Declararemos otra variable a la cual llamaremos $uploadfile y esta parte toma el valor de $uploaddir junto al nombre del archivo que se subira y su extension.

Tambien indicaremos una variable a la que llamaremos $error esto es para cuando por alguna razon al momento de subir el archivo este de error, y eso se guardara dentro de esta variable.

Ahora, crearemos otra variable a la cual llamaremos $subido y esta es de tipo boolean solo dara resultado true o false.

Código: [Seleccionar]
if(isset($_POST['boton']) && $error == UPLOAD_ERR_OK) {
$subido = copy($_FILES['archivo']['tmp_name'], $uploadfile);
}

Esta parte del codigo indicara si lo que se ha subido tiene un valor guardado, si el archivo ha cargado bien y no hay ningun error, entonces el archivo subido se copiara en la direccion indicada por la variable $uploaddir (en este caso a la carpeta storage) junto con el nombre y la extension del archivo que haya sido subido.

Código: [Seleccionar]
if($subido) {
echo "El archivo subio con exito.";
} else {
echo "Se ha producido un error: ".$error;
}

Esta parte del codigo mostrara el mensaje en caso de que el archivo se haya subido con exito o no, en caso de que si este mostrara el mensaje "El archivo subio con exito." y si en de que no, este pasara al else y mostrara el mensaje "Se ha producido un error."

Y ya con esto tendrian un simple y simpatico Upload de Archivos! :D
Mas adelante les traere un Uploader mas complejo...

Para los que deseen les dejo un link al uploader de la guia para que ustedes suban sus archivos:
http://web-project.netau.net/haizu/uploader/

Y les dejo el link de descarga del ejemplo que use por si lo quieren descargar:
http://www.mediafire.com/?3wnz60p1b7ms92m

Eso seria la guia de hoy!
Espero que les haya gustado mucho ^^
Saluditos!  :phiwa3:
« última modificación: 18 de Abril de 2012, 16:58 por Haizu »
Todo es Musica... Hasta el mas Absoluto Silencio es Capaz de Componer una Nota Perfecta...
Si no me creen, preguntenle a los Cantores de aqui abajito ^^


Desconectado Miles

  • *
  • 1.826
  • 46
  • Actividad:
    0%
  • Sexo: Masculino
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #1 en: 12 de Abril de 2012, 01:38 »
Muy interesante Haizu.
Me ha gustado el formato que has hecho con la guía.

Yo he usado algunos uploads, pero nunca he comprendido como se usan exactamente.
Como quien dice, solo lo pego y ya.

Me inspiraste a crear una sección de Servicio a la Comunidad, donde pondré los links en mi firma de las guías que mas me han interesado. Felicidades, sigue así.

Te ganaste tu Angelito del día.
 :angel
« última modificación: 12 de Abril de 2012, 01:47 por Miles »
No importa el tiempo gastado, un talento es un talento

Servicio a la Comunidad [Links Patrocinados]:
[Guía] Uploader de Archivos (Haizu)          [Guía] Diseño de Pagina Web en HTML & CSS (Haizu)

Desconectado Sero

  • *
  • 1.654
  • 55
  • Actividad:
    0%
  • Sexo: Masculino
  • Dale click al angelito o te perseguiré eternamente
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #2 en: 14 de Abril de 2012, 22:19 »
Excelente, creo que a nadie le queda ni la menor duda de el ¿Porque? dice moderador abajo de tu nombre :D


Si deseas Host Profesional con servicio de configuración TOTAL de servidor + cliente contactar con migo o visita www.caoshost.com
Server Mid rates 150/99 http://www.xcution-ro.com

libritario

Re:[Guia] Uploader de Archivos ~ †
« Respuesta #3 en: 14 de Abril de 2012, 22:30 »
Muy explicita tu guia, Interesante a la vez.

Felicidades.


Desconectado Many1

  • *
  • 2.183
  • -2
  • Actividad:
    0%
  • Sexo: Masculino
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #4 en: 15 de Abril de 2012, 03:44 »
Sigue asi cosiwi,me encanto,muy buen formato D,

podría subir hay vídeos(?)

Desconectado Haizu

  • *
  • 758
  • 32
  • Actividad:
    0%
  • Sexo: Femenino
  • Violin Mysteries! ♪♫
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #5 en: 15 de Abril de 2012, 05:12 »
Sigue asi cosiwi,me encanto,muy buen formato D,

podría subir hay vídeos(?)

Se supone ke si ya que como dice en la guia use un ejemplo sin restricciones, pero no se cuanto se tarde en cargar un video...
podrias hacer tu la prueba y verlo por ti mismo ^^
Todo es Musica... Hasta el mas Absoluto Silencio es Capaz de Componer una Nota Perfecta...
Si no me creen, preguntenle a los Cantores de aqui abajito ^^


Desconectado Many1

  • *
  • 2.183
  • -2
  • Actividad:
    0%
  • Sexo: Masculino
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #6 en: 15 de Abril de 2012, 05:51 »
Hay lo testeare el lunes cuando suba el vídeo de una woe

espero pueda subirlo como dices,yo lo dejare subiendo en la noche D,

Desconectado Miles

  • *
  • 1.826
  • 46
  • Actividad:
    0%
  • Sexo: Masculino
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #7 en: 15 de Abril de 2012, 06:01 »
Las restricciones son para evitar que alguien quiera subir documentos pesados, mas de lo que el servidor pueda soportar.
Puedes subir un documento .mp4 o .png (si es que no colocaste alguna restricción), y el tiempo de carga depende de tu velocidad y la del servidor.
Comúnmente estaría tardando alrededor de como subes un vídeo a YouTube.

Saludos!
No importa el tiempo gastado, un talento es un talento

Servicio a la Comunidad [Links Patrocinados]:
[Guía] Uploader de Archivos (Haizu)          [Guía] Diseño de Pagina Web en HTML & CSS (Haizu)


Desconectado Many1

  • *
  • 2.183
  • -2
  • Actividad:
    0%
  • Sexo: Masculino
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #8 en: 16 de Abril de 2012, 02:29 »
Lo probe y nada no lo carga,puede ser por lo que dices

por que un archivo avi. lo que intento subir jeje

y no sabría como cambiarlo a mp4.,si lo cambio perdería la calidad¿

Desconectado Haizu

  • *
  • 758
  • 32
  • Actividad:
    0%
  • Sexo: Femenino
  • Violin Mysteries! ♪♫
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #9 en: 16 de Abril de 2012, 21:23 »
Lo probe y nada no lo carga,puede ser por lo que dices

por que un archivo avi. lo que intento subir jeje

y no sabría como cambiarlo a mp4.,si lo cambio perdería la calidad¿

Ammm... en donde lo estas cargando?...
Si estas usando el Uploader de la Guía es obio que no los podras visualizar ya que no existe una especie de "visualizador" para ver los videos o escuchar los audios... XD!

Si es alguna otra pagina o algo ahi no sabria decirte como es el esquema que lleva :S
Se mas especifico :3
Todo es Musica... Hasta el mas Absoluto Silencio es Capaz de Componer una Nota Perfecta...
Si no me creen, preguntenle a los Cantores de aqui abajito ^^


Desconectado Many1

  • *
  • 2.183
  • -2
  • Actividad:
    0%
  • Sexo: Masculino
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #10 en: 17 de Abril de 2012, 01:09 »
Si,asi es lo estoy subiendo con el archivo de la guía,le doy a upload archivo

y desde mi pc ingreso el video,pero ya veo que lo suyo es you tuve D,pero aun asi

me gusto el programa y tal,quizas solo sea para archivos de otro formato

Desconectado Ichisito

  • *
  • 3.246
  • 328
  • Actividad:
    0%
  • Sexo: Masculino
  • Técnico en Microinformática y Hardware
Re:[Guia] Uploader de Archivos ~ †
« Respuesta #11 en: 17 de Abril de 2012, 11:07 »
Para prohibir el uso de X extensiones de archivos, para evitar que nos puedan molestar o joder el webhost con alguna gracia o mala acción de alguien se puede hacer así:

            //¿es una imágen realmente? 
            $img_type  = $_FILES[$name_media_field]['type'];         
            if (((strpos($img_type, "gif") || strpos($img_type, "jpeg") || strpos($img_type,"jpg")) || strpos($img_type,"png") )){
               

Fuente:

http://yophpro.com/problema/subir-imagenes-en-php.html



 

[Guia] Ocultar links de descarga y redirigir con "PHP" Simple

Iniciado por jesuscamp1

Respuestas: 0
Vistas: 5343
Último mensaje 03 de Junio de 2008, 21:05
por jesuscamp1
[Video Guía] PHP (POO) - Encapsulamiento y Métodos Constructores (Parte 2)

Iniciado por Alderis

Respuestas: 0
Vistas: 1535
Último mensaje 12 de Marzo de 2013, 18:36
por Alderis
[Vídeo Guía] Como hacer un registro de cuentas PHP Dreamweaver (Cap's 1, 2, 3)

Iniciado por AKACSUKI

Respuestas: 0
Vistas: 3503
Último mensaje 05 de Noviembre de 2010, 16:14
por AKACSUKI