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.
Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.
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.