Download delle risorse in HTML5 - a[download]

Chrome ora supporta il nuovo attributo download delle specifiche HTML per gli elementi a. Quando utilizzato, questo attributo indica che la risorsa a cui rimanda deve essere scaricata dal browser anziché accedervi.

Da Download di risorse:

Ad esempio, se fai clic sul seguente link, il file .png viene scaricato come "MyGoogleLogo.png" e non sul relativo valore href: scaricami. 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à l'utilizzo degli URL BLOB: URL e file system: URL. In questo modo gli utenti potranno scaricare i contenuti creati/modificati all'interno dell'app.

Demo completa

Una cosa da notare è che nell'esempio precedente l'immagine ha la stessa origine rispetto al sito web. Se provi a utilizzare un link di un'immagine da un'origine diversa, il link potrebbe non funzionare come link di navigazione anziché come link per il download. Questo perché molte versioni del browser non supportano i criteri di download per i file multiorigine. Ad esempio, le versioni di Chrome precedenti alla 65 consentivano il download di file multiorigine ed erano deprecate nelle versioni successive. Per ulteriori dettagli, leggi questo. Puoi utilizzare l'intestazione Content-Disposition per forzare un download da un'altra origine.

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