Si alguna vez has querido saber como se pueden descargar archivos en HTML, o poner un enlace de descarga en tu página web, para que los usuarios puedan descargarse archivos o documentos, a continuación veremos la manera de poner a descargar un archivo en HTML con la propiedad Download.
Esto es realmente útil, por ejemplo, si queremos que los usuarios puedan descargar una imagen, un pdf o cualquier archivo que queramos desde nuestro sitio.
¿Qué es el atributo download?
El atributo download es un atributo que se añade a un enlace en HTML como lo harías normalmente con otras propiedades como el atributo Accesskey para agregar una atajo de teclado o cualquier otro atributo que podamos poner en un enlace.
¿Cómo usar el atributo download?
Es muy sencillo usar este atributo, tan solo deberemos agregar un par de cosas dentro la etiqueta del enlace.
Te dejo un vídeo muy cortito por aquí, donde pongo un ejemplo de como hacerlo.
Para utilizar el atributo download lo único que tendremos que hacer es escribir la palabra download dentro del enlace mediante el cual queremos realizar la descarga.
<a href="archivo.jpg" download>Después, agregaremos como valor de este atributo el nombre que le quermos poner al archivo cuando se haga efectiva su descarga.
<a href="archivo.jpg" download="Nombre-del-archivo">Y de esta manera tan simple es como podemos utilizar el atributo download para descargar cualquier tipo de archivo en HTML.
Como he comentado al principio, este método nos puede servir para crear enlaces de descarga para descargar cualquier tipo de archivo o documento desde nuestro sitio web. Además, al tratarse de un enlace de descarga, nos permite añadirlo a cualquier elemento que queramos en HTMl, como una imagen, un icono o un simple texto.
Para complementar que la mayoría de navegadores exigen la extensión en el download, sino se descargará sin extensión o con extesión html, acá la mejora:
This is a great tip! I’ve been trying to figure out a way to do this for a while.
holas
Hola caracola