Forzar la descarga de archivos con HTML5

publicado en la categoría HTML5

Colocar enlaces de descarga en una página web es muy sencillo. Sin embargo, en algunos casos, los navegadores deciden mostrar el contenido del enlace en lugar de permitir la descarga. Puede pasar, por ejemplo, con los archivos .PDF, imágenes o archivos de texto, donde por defecto, se visualizará el contenido.

HTML5: el atributo download

Por si acaso, existen maneras de forzar la descarga de archivos usando PHP, o configurando el servidor donde tenemos alojado el sitio. Pero más sencillo es utilizando el atributo HTML5 download, que permite forzar la descarga del enlace, y además, especificar un nombre para el archivo que va a ser descargado.

Supongamos que tenemos los siguientes enlaces de descarga:

Agregando el atributo download a los enlaces, nos quedaría algo así:

De este modo, los enlaces, ademas de descargarse se renombran según el nombre que les pongamos dentro del atributo download.