Download delle risorse in HTML5 - a[download]

Eric Bidelman

Chrome ora supporta il nuovo attributo download della specifica HTML per gli elementi a. Se utilizzato, questo attributo indica che la risorsa a cui rimanda deve essere scaricata dal browser anziché essere visualizzata.

Da Download delle risorse:

Nota: l'attributo download, se presente, indica che l'autore intende che il link ipertestuale venga utilizzato per scaricare una risorsa. L'attributo può avere un valore; se presente, il valore specifica il nome file predefinito consigliato dall'autore per l'etichettatura della risorsa in un file system locale. Non ci sono limitazioni per i valori consentiti, ma gli autori devono tenere presente che la maggior parte dei file system ha limitazioni per quanto riguarda i segni di punteggiatura supportati nei nomi dei file e che gli user agent potrebbero modificarli di conseguenza. Inoltre, all'attributo può essere assegnato un valore per specificare il nome file da utilizzare dagli user agent per archiviare la risorsa in un file system. Questo valore può essere ignorato dal parametro filename dell'intestazione HTTP Content-Disposition.

Ad esempio, facendo clic sul seguente link viene scaricato il file .png come "Il mio logo Google.png" anziché passare al relativo valore href: scaricami. Il markup è il seguente:

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

Il vero vantaggio di a[download] si ottiene quando si utilizzano gli URL blob: e filesystem:. Offrirà agli utenti un modo per scaricare i contenuti creati/modificati all'interno della tua app.

Demo completa

Da notare che nell'esempio riportato sopra l'immagine ha la stessa origine rispetto al sito web. Se provi a utilizzare un link a un'immagine di origine diversa, il link potrebbe non funzionare come link di navigazione anziché come link di download. Questo accade perché molte versioni del browser non supportano le norme di download per i file cross-origin. Ad esempio, le versioni di Chrome precedenti alla 65 consentivano il download di file cross-origin, che è stato ritirato nelle versioni successive. Per ulteriori dettagli, leggi questo articolo. Puoi utilizzare l'intestazione Content-Disposition per forzare un download da un'altra origine.

Supporto del browser: solo la versione corrente del canale dev di Chrome (14.0.835.15 e versioni successive) supporta questo attributo.