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 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 presente, indica que o autor pretende usar o hiperlink 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 usar na rotulagem do recurso em um sistema de arquivos local. Não há restrições quanto aos valores permitidos, mas os autores são alertados de que a maioria dos sistemas de arquivos tem limitações em relação a qual pontuação é compatível com os nomes de arquivo, e os user agents provavelmente ajustarão os nomes de arquivo de acordo. Além disso, o atributo pode receber um valor para especificar o nome de 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, 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.