Cómo usar el atributo Download de HTML

html

El atributo download se usa con etiquetas de enlace <a> de HTML5 y facilita la descarga de archivos. Cuando este atributo esté presente, el navegador descargará el archivo indicado en lugar de navegar hasta él. A pesar de que no existen restricciones en cuanto al valor del atributo download, debería ser el nombre de archivo al que se enlaza.

Por ejemplo, podrías crear un enlace de descarga para el archivo documento.pdf usando el siguiente enlace:

<a href="documento.pdf" download="mi-archivo.pdf">Descargar</a>

El archivo documento.pdf se descargará con el nombre mi-archivo.pdf cuando el usuario haga clic en el enlace anterior.

El navegador siempre intentará inferir la extensión del archivo. Sin embargo, si especificamos la extensión del archivo, este siempre se descargará con la extensión indicada. Por ejemplo, la siguiente imagen se descargará con el nombre mi-imagen.jpg, ya que el navegador es capaz de deducir su extensión:

<a href="imagen.jpg" download="mi-imagen">

Al tributo download no requiere un valor asignado. En caso de que el atributo download no tenga valor, el nombre del archivo descargado será el mismo que el del archivo que hemos enlazado. El nombre del archivo descargado mediante el siguiente enlace será imagen.jpg:

<a href="imagen.jpg" download>

El atributo download es ya soportado por la mayor parte de los navegadores:

  • Google Chrome: Desde la versión 14
  • Internet Explorer: Desde la versión 18
  • Mozilla Firefox: Desde la versión 20
  • Safari: Desde la versión 10.1
  • Opera: Desde la versión 15

Y esto ha sido todo.


Avatar de Edu Lazaro

Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado esta guía. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirla en Twitter 😊

Si quieres conocer mis proyectos, sígueme en Twitter.

1 comentario en “Cómo usar el atributo Download de HTML

  1. Hola, estoy utilizando la propiedad de la forma que indicas pero abre el pdf en la misma pestaña en lugar de descargarlo, cual puede ser el problema? ya probe en chrome, edge e ie.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

“- Hey, Doc. No tenemos suficiente carretera para ir a 140/h km. - ¿Carretera? A donde vamos, no necesitaremos carreteras.”