Download de recursos em HTML5 - a[download]

Eric Bidelman

O Chrome agora oferece suporte ao novo atributo download da especificação HTML para elementos a. Quando usado, este 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:

Observação : o atributo download, se estiver presente, indica que o autor pretende que o hiperlink seja usado para fazer o download de um recurso. O atributo pode ter um valor. O valor, se houver, especifica o nome de arquivo padrão que o autor recomenda para ser usado na identificação do recurso em um sistema de arquivos local. Não há restrições para os valores permitidos, mas os autores são cuidadosos que a maioria dos sistemas de arquivos tem limitações em relação a qual pontuação é compatível nos nomes de arquivo, e os user agents provavelmente ajustarão os nomes dos arquivos de acordo com isso. Além disso, o atributo pode receber um valor para especificar o nome do arquivo que os user agents devem usar ao armazenar o recurso em um sistema de arquivos. Esse valor pode ser substituído pelo parâmetro filename do cabeçalho HTTP Content-Disposition.

Por exemplo, se você clicar no link a seguir, será feito o download do .png como "MyGoogleLogo.png" em vez de navegar para o valor de href: faça o download. 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 blob: URLs e filesystem: URLs. Isso oferece aos usuários uma maneira de fazer o download do conteúdo criado/modificado no seu 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 uma origem diferente, talvez o link não funcione como um link de navegação em vez de um link para download. Isso ocorre porque muitas versões do navegador não são compatíveis com a política de download para arquivos de origem cruzada. Por exemplo, as versões do Chrome anteriores à 65 permitiam o download de arquivos de origem cruzada, o que foi descontinuado em versões mais recentes. Para mais detalhes, leia este artigo. Você pode usar o cabeçalho Content-Disposition para forçar um download de outra origem.

Compatibilidade com navegadores: apenas a versão atual do Canal de Desenvolvedor do Chrome (14.0.835.15+) é compatível com esse atributo.