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.
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.
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.