Mengunduh sumber daya dalam HTML5 - a[download]

Chrome kini mendukung atribut download baru spesifikasi HTML ke elemen a. Saat digunakan, atribut ini menandakan bahwa resource yang ditunjuk harus didownload oleh browser, bukan diarahkan ke resource tersebut.

Dari Mendownload Resource:

Misalnya, mengklik link berikut akan mendownload .png sebagai "MyGoogleLogo.png" bukan membuka nilai href: download me. Markup untuk ini adalah sebagai berikut:

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

Manfaat sebenarnya dari a[download] adalah saat menggunakan URL blob: URL dan filesystem: URLs. Opsi ini akan memberi pengguna cara untuk mendownload konten yang dibuat/diubah dalam aplikasi Anda.

Demo Lengkap

Satu hal yang perlu diperhatikan adalah dalam contoh di atas, gambar memiliki asal yang sama dalam kaitannya dengan situs. Jika Anda mencoba menggunakan link gambar dari asal yang berbeda, link tersebut mungkin tidak berfungsi sebagai link navigasi, bukan link download. Hal ini terjadi karena banyak versi browser tidak mendukung kebijakan download pada file lintas origin. Misalnya, versi Chrome sebelum 65 memungkinkan download file lintas origin dan tidak digunakan lagi di versi yang lebih baru. Baca ini untuk mengetahui detail selengkapnya. Anda dapat menggunakan header Content-Disposition untuk memaksa download dari asal lain.

Dukungan browser: hanya rilis saluran Chrome dev saat ini (14.0.835.15+) yang mendukung atribut ini.