Mengunduh sumber daya dalam HTML5 - a[download]

Chrome kini mendukung atribut download baru spesifikasi HTML untuk elemen a. Saat digunakan, atribut ini menunjukkan bahwa resource yang ditunjuknya harus didownload oleh browser, bukan membukanya.

Dari Mendownload Materi:

Misalnya, mengklik link berikut akan mendownload .png sebagai "MyGoogleLogo.png", bukan membuka nilai href-nya: 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: URL. Hal 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 karena banyak versi browser yang tidak mendukung kebijakan download pada file lintas-asal. Misalnya, versi Chrome sebelum 65 memungkinkan download file lintas origin dan tidak digunakan lagi di versi yang lebih baru. Baca artikel ini untuk mengetahui detail selengkapnya. Anda dapat menggunakan header Content-Disposition untuk memaksa download dari origin lain.

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