Crear un enlace de descarga suele ser una tarea sencilla. Todo lo que necesitamos hacer es usar una etiqueta anchor <a> y agregar la URL de referencia que apunte al archivo. Pero algunos tipos de archivos plantean un problema técnico: los archivos PDF, imágenes y archivos de texto se abrirán en el navegador en lugar de descargarse cuando un usuario hace clic en el(los) enlace(s) relevante(s).
En el pasado, se requerían configuraciones complicadas y soluciones temporales en el lado del servidor para forzar la descarga de estos archivos (PDF, imágenes, texto, etcétera). Por esa razón, HTML5 tiene un nuevo atributo llamado “download“, que es mucho más fácil de implementar.
Usando el Atributo Download
El atributo “download” realiza dos acciones: descarga un archivo por fuerza y cambia el nombre del archivo por el nombre especificado en el atributo al descargarlo.
Por ejemplo, aquí tenemos un archivo PDF y una imagen que tienen nombres aleatorios.
<a href="file/A7gFj3Zc2bHx8Rt.pdf">Descargar PDF</a>
<a href="file/P4vXu29R6e6wctm.jpg">Descargar Imagen</a>Por lo tanto, sin el atributo de descarga, estos dos archivos se abrirán en el navegador.
Pero cuando añadimos el atributo download así:
<a href="file/A7gFj3Zc2bHx8Rt.pdf" download="Manual Básico HTML y CSS.pdf">Descargar PDF</a>
<a href="file/P4vXu29R6e6wctm.jpg" download="Wii.jpg">Descargar Imagen</a>Los archivos se descargarán y se les cambiará el nombre, como se muestra en la siguiente captura de pantalla.
Hemos creado una página de demostración para que puedas ver este atributo en acción.
Conclusión
El atributo “download” se ha convertido en una herramienta valiosa en el mundo del desarrollo web, ofreciendo una forma sencilla y efectiva de facilitar la descarga de archivos para los usuarios. Su capacidad para forzar la descarga de archivos, junto con la capacidad de renombrarlos al momento de la descarga, brinda un mayor control y comodidad a los desarrolladores y usuarios por igual.
Sin embargo, es importante recordar que no todos los navegadores admiten el atributo “download“, por lo que es fundamental considerar la compatibilidad con diferentes plataformas y versiones de navegadores al implementar esta funcionalidad. En general, el uso estratégico del atributo “download” puede simplificar el proceso de descarga de archivos y mejorar la usabilidad en los sitios web, ofreciendo a los usuarios una manera más intuitiva y eficiente de obtener el contenido que necesitan.
