6. Imágenes y Archivos
Requisitos:
- Servidor Web, PHP y MySQL.
- Ejemplo del Capitulo 4.
Para permitir el envió de archivos a través de un formulario debemos agregar el atributo enctype=»multipart/form-data» al form, ya que si no lo agregamos el navegador utiliza el valor por defecto (application/x-www-form-urlencoded).
Ejemplo de uso:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<html> <head> <title>Ejemplo</title> </head> <body> <form method="post" action="accion.php" enctype="multipart/form-data"> Ingresa el archivo: <input name="archivo" type="file" /> </form> </body> </html> |
Podemos agregar un filtrado para que solo nos permita seleccionar algunos tipos de archivo, con el atributo accept:
| audio/* | Archivos de Audio | Cualquier extensión de audio |
| video/* | Archivos de Vídeo | Cualquier extensión de Vídeo |
| image/* | Archivos de Imagen | Cualquier extensión de Imagen |
| image/png | Imagenes PNG | Podemos agregar extensiones como jpeg, jpg, gif y mas |
| application/pdf | Archivos PDF | Documentos en PDF |
| application/msword | Archvio DOC o DOCX | Documentos de Word |
| application/vnd.ms-excel | Archivo XSLX | Hojas de Calculo |
Ejemplo:
|
1 2 3 4 5 6 7 8 |
//Elegir imágenes <input name="archivo" type="file" accept="image/*" /> //Elegir solo imágenes PNG <input name="archivo" type="file" accept="image/png" /> //Elegir imágenes jpeg y gif <input name="archivo" type="file" accept="image/jpeg,image/gif" /> |
Cuando se envíe el formulario podemos recibir el elemento de tipo file $_FILES[«archivo»][«name»].
En la descarga viene el código completo para guardar, modificar, eliminar y mostrar imágenes o archivos cargados al servidor.