Índice

Campos de transferencia de archivos

La etiqueta <input type="file"> permite transferir un archivo (file) desde el puesto del usuario a otro ordenador de tipo servidor.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action="" method="post" enctype="multipart/form-data"> 
<input type="file"> 
</form> 
</body> 
</html>
images/CAP09IMG19.png

Un clic en el botón Examinar (de nombre variable según el navegador) abre el explorador de carpetas del ordenador del usuario para seleccionar el archivo que se quiere transferir.

Comentarios

  • Esta etiqueta es perfectamente compatible entre los diferentes navegadores.

  • La etiqueta <input> no tiene etiqueta de cierre. La sintaxis <input type="file" />, inspirada en XHTML, está igualmente aceptada en HTML5.

  • Los atributos habituales de la etiqueta <input> pueden utilizarse igualmente. Destacamos, no obstante, el atributo maxlength, que permite fijar el tamaño máximo del archivo que se ha transferir.

  • En la declaración de la etiqueta <form>, es preciso usar los atributos method="post" y enctype="multipart/form-data" para realizar la transferencia según el formato correcto del archivo.

  • Existe también el atributo accept, que permite limitar la transferencia a ciertos tipos ...