Download delle risorse in HTML5 - a[download]

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:

Ad esempio, facendo clic sul seguente link viene scaricato il file .png come "IlMioLogoGoogle.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] sarà quando lavora con gli URL blob: URL e filesystem: URL. Offre 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 di un'immagine di un'origine diversa, il link potrebbe non funzionare come link di navigazione anziché come link di download. Questo perché molte versioni del browser non supportano il criterio di download sui file multiorigine. 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.