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 indica que o recurso para o qual ele aponta precisa ser baixado pelo navegador em vez de navegar até ele.

Em Fazendo o download de recursos:

Por exemplo, ao clicar no link a seguir, o arquivo .png é salvo como "MyGoogleLogo.png" em vez de navegar até o valor href: download me. A marcação é 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 filesystem: URLs. Ele oferece aos usuários uma maneira de fazer o download do conteúdo criado/modificado no app.

Demonstração completa

No exemplo acima, a imagem tem a mesma origem em relação ao site. Se você tentar usar um link de imagem de origem diferente, ele pode não funcionar como um link de navegação, e sim como um link de download. Isso acontece 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. É possível usar o cabeçalho Content-Disposition para forçar um download de outra origem.

Suporte do navegador: somente a versão atual do canal de desenvolvimento do Chrome (14.0.835.15+) oferece suporte a esse atributo.