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 alla quale rimanda deve essere scaricata dal browser anziché essere accessibile.

Da Download delle risorse:

Ad esempio, facendo clic sul seguente link viene scaricato il file .png come "MyGoogleLogo.png". anziché andare al valore href: download me. Il markup per questa operazione è 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 lavori 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

Una cosa da notare è che nell'esempio 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 multiorigine, ma questa versione è stata ritirata nelle versioni successive. Per ulteriori dettagli, leggi questo articolo. Puoi utilizzare l'intestazione Content-Disposition per forzare un download da un'altra origine.

Supporto dei browser: solo la release corrente del canale Dev di Chrome (14.0.835.15+) supporta questo attributo.