Atributo download en HTML 5

Una de las tareas comunes cuando servimos diferentes archivos a nuestros usuarios es modificar el nombre del mismo por otro más descriptivo. Esto ocurre en el lado del servidor, donde recuperamos el archivo de base de datos, un storage on premise o en la nube, donde quizás el nombre que tiene asignado se trata de uno interno de nuestro sistema, como un GUID, números secuenciales o patrones que se utilizan para darle sentido dentro del entorno.

El atributo download nos permite modificar este nombre, ofreciendo el nuevo en el cuadro de dialogo del navegador cuando vamos a abrir o guardar dicho archivo. Su implementación es bastante sencilla:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <a href="/files/book.pdf" download="returngis.pdf">Download book.pdf as returngis.pdf</a>
</body>
</html>

Cuando hagamos clic sobre el enlace, el cual apunta a un archivo llamado book en el directorio files, el cuadro de diálogo del navegador nos ofrecerá el nombre alternativo returngis.pdf.

Chrome
Chrome
Firefox
Firefox
Opera
Opera

A día de hoy dan soporte a este atributo Chrome, Firefox y Opera, quedándose fuera Internet Explorer y Safari.

Tabla en Can I Use

¡Saludos!