Download de recursos em HTML5 - a[download]

O Chrome agora oferece suporte ao novo atributo download da especificação HTML para elementos a. Quando usado, esse atributo significa que o recurso para o qual ele aponta deve ser baixado pelo navegador em vez de navegar até ele.

Em Como fazer o download de recursos:

Por exemplo, um clique no link a seguir faz o download do arquivo .png como "MyGoogleLogo.png" em vez de navegar para o valor href: faça o download de mim. A marcação para isso é a seguinte:

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

O verdadeiro benefício do a[download] será ao trabalhar com URLs de blob: URLs e sistema de arquivos: URLs (links em inglês). Com ele, os usuários poderão fazer o download do conteúdo criado/modificado no app.

Demonstração completa

Observe que, no exemplo acima, a imagem tem a mesma origem em relação ao site. Se você tentar usar um link de imagem de outra origem, talvez ele não funcione como um link de navegação em vez de um link de download. Isso ocorre porque muitas versões do navegador não oferecem suporte à política de download em arquivos de origem cruzada. Por exemplo, as versões do Chrome anteriores à 65 permitiam o download de arquivos de origem cruzada e foram descontinuadas em versões posteriores. Leia este artigo para saber mais detalhes. Você pode usar o cabeçalho Content-Disposition para forçar um download de outra origem.

Suporte para navegadores: somente a versão atual do Canal de desenvolvimento do Chrome (14.0.835.15 ou mais recente) é compatível com esse atributo.