Curso en PHP y MySQL 6: Imágenes y Archivos

En este tutorial aprenderemos cargar imágenes y archivos al servidor desde PHP y MySQL.

Requisitos:

Servidor Web, PHP y MySQL. Ver Capitulo 1
Ejemplo del Capitulo 4. Ver Capitulo 4

El atributo enctype="multipart/form-data" es necesario para indicar al navegador que el formulario contendrá datos binarios, como archivos, y no solo datos de texto. Esto permite que el navegador maneje adecuadamente la carga de archivos al servidor.

Ejemplo de uso:

<form action="upload.php" method="post" enctype="multipart/form-data">
    <input type="file" name="archivo">
    <input type="submit" value="Subir archivo">
</form>

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, 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:

//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" />

//Elegir archivos pdf
<input name="archivo" type="file" accept="application/pdf" />

Cuando se envíe el formulario podemos recibir el elemento de tipo file $_FILES["archivo"]

$archivo = $_FILES["archivo"];

if ($archivo["error"] === UPLOAD_ERR_OK) {
        $nombre_temporal = $archivo["tmp_name"];
        $nombre_archivo = $archivo["name"];

        // Mueve el archivo cargado a una ubicación deseada
        move_uploaded_file($nombre_temporal, "carpeta_destino/$nombre_archivo");

        echo "El archivo se ha subido con éxito.";
    } else {
        echo "Error al subir el archivo.";
    }

En la descarga viene el código completo para guardar, modificar, eliminar y mostrar imágenes o archivos cargados al servidor.

Recuerda suscribirte a nuestro canal de YouTube, ¡¡¡Es Gratis!!!

Tutorial en Vídeo:

Por Favor Compártelo: