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 olehnya harus didownload oleh browser, bukan bernavigasi ke resource tersebut.

Dari Mendownload Referensi:

Misalnya, mengklik link berikut akan mendownload .png sebagai "MyGoogleLogo.png", bukan menavigasi ke nilai href: download saya. Markup untuk metrik 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 bekerja dengan 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 bahwa dalam contoh di atas, gambar memiliki asal yang sama sehubungan dengan situs web. 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 mengizinkan download file lintas origin dan tidak digunakan lagi dalam versi yang lebih baru. Baca ini untuk detail selengkapnya. Anda dapat menggunakan header Content-Disposition untuk memaksa download dari asal lain.

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