Hola a todos, hoy os voy a explicar como podemos subir una imagen con un formulario en PHP.
Es habitual que en nuestra aplicación web podamos subir imágenes a nuestro servidor desde el cliente.
Este seria nuestro HTML:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
lang="en"> charset="UTF-8"> name="viewport" content="width=device-width, initial-scale=1.0"> type="file" name="imagen"> type="submit" value="Subir"> |
Es importante que en el form tenga el atributo enctype=»multipart/form-data» ya que sino no podremos subir los archivos.
Create la carpeta imagenes en la carpeta donde vayas a subir los archivos.
La forma de acceder a las imagenes de un servidor es con $_FILES con el nombre del name del input file. Este es su contenido:
Este seria nuestro PHP:
|
1 2 3 4 5 6 7 8 9 |
$path = "imagenes/". basename($_FILES['imagen']['name']); if(move_uploaded_file($_FILES['imagen']['tmp_name'], $path)) { echo "El archivo ". basename( $_FILES['imagen']['name']). " ha sido subido"; } else{ echo "El archivo no se ha subido correctamente"; } |
La función basename devuelve el nombre del fichero de una ruta.
La función move_uploaded_file es la que copia el archivo a la carpeta indicada.
Este es el resultado:
Ahora la cosa es, ¿y si necesito validar que la imagen sea de una extensión concreta? Lo podemos hacer con el campo type. Por ejemplo, si queremos controlar que solo sean imagenes png:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
$errores = ""; if($_FILES['imagen']['type'] !== 'image/png'){ $errores .= "- La imagen debe ser de la extensión PNG."; } if(empty($errores)){ $path = "imagenes/". basename($_FILES['imagen']['name']); if(move_uploaded_file($_FILES['imagen']['tmp_name'], $path)) { echo "El archivo ". basename( $_FILES['imagen']['name']). " ha sido subido"; } else{ echo "El archivo no se ha subido correctamente"; } }else{ echo $errores; } |
Compliquemoslo un poco más, ¿y si queremos controlar el tamaño de las imágenes? Limitamos el tamaño a 2 MB.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
$errores = ""; if($_FILES['imagen']['type'] !== 'image/png'){ $errores .= "- La imagen debe ser de la extensión PNG."; } if($_FILES['imagen']['size'] >= 2097152){ // 2MB $errores .= "- La imagen debe ser de la extensión PNG."; } if(empty($errores)){ $path = "imagenes/". basename($_FILES['imagen']['name']); if(move_uploaded_file($_FILES['imagen']['tmp_name'], $path)) { echo "El archivo ". basename( $_FILES['imagen']['name']). " ha sido subido"; } else{ echo "El archivo no se ha subido correctamente"; } }else{ echo $errores; } |
Te dejo el ejemplo para descargar aquí.
Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.
no pude subir ni mostrar
esta bien el codigo pero si necesito subir varias imagenes al tiempo como seria ?