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

Em Fazendo o download de recursos:

Observação : se presente, o atributo download 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 uso na rotulagem do recurso em um sistema de arquivos local. Não há restrições quanto aos valores permitidos, mas os autores são avisados de que a maioria dos sistemas de arquivos tem limitações em relação à pontuação aceita nos nomes de arquivos, e os agentes do usuário provavelmente ajustarão os nomes de arquivos de acordo com isso. Além disso, o atributo pode receber um valor para especificar o nome do arquivo que os agentes do usuário vão 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, 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 blob: e filesystem:. Ele vai oferecer aos usuários uma maneira de fazer o download do conteúdo criado/modificado no seu 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 anteriores ao Chrome 65 permitiam o download de arquivos de origem cruzada, mas isso foi descontinuado nas versões mais recentes. Leia este artigo para 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.