2024 Pengarang: Abigail Brown | [email protected]. Terakhir diubah: 2023-12-17 06:51
Sangat menarik bagaimana beberapa hal menjadi lingkaran penuh. Pada hari-hari awal Web, browser akan secara otomatis mengunduh tautan ke file yang bukan halaman web, seperti gambar, file PDF, dan dokumen. Kemudian, browser menjadi sangat canggih sehingga mereka dapat membuka hampir semua file secara real-time. Itu menciptakan masalah bagi pengembang. Bagaimana Anda memaksa browser untuk mengunduh file, alih-alih membukanya? Sekelompok peretasan dan solusi bermunculan untuk menyelesaikan masalah, tetapi tidak ada solusi yang benar. Itu semua berubah dengan HTML5 ketika Download Attribute diperkenalkan.
Sekarang, pengembang dapat menambahkan atribut unduhan khusus ke tag jangkar HTML mereka untuk memberi tahu browser agar memperlakukan tautan sebagai unduhan, daripada membuka file target. Ada beberapa cara berbeda yang dapat Anda gunakan untuk menggunakan Atribut Unduhan untuk mengontrol cara browser menangani tautan unduhan Anda. Lebih baik lagi, semua browser modern mendukung Atribut Unduhan, jadi Anda tidak akan melihat masalah apa pun dengan kompatibilitas atau kebutuhan untuk mundur.
Image
Ada beberapa cara berbeda untuk menangani Atribut Unduhan. Masing-masing memiliki manfaatnya sendiri, dan semuanya bekerja dengan lancar di berbagai browser.
Atribut Unduhan Biasa
Cara paling sederhana untuk menggunakan Atribut Unduhan adalah dengan memasukkannya dalam bentuk paling dasar di tag jangkar Anda. Anda tidak perlu menyertakan nama file tambahan atau informasi pendukung apa pun. Hasilnya terlihat seperti ini:
Unduh Sekarang!
Image
Dengan menyertakan "unduh", Anda memberi tahu browser mana pun yang membaca halaman untuk mengunduh tautan target alih-alih membukanya. Dalam hal ini, browser akan mengunduh file persis seperti itu dengan nama yang sama.
Image
Mengganti Nama File
Apa yang terjadi jika Anda benar-benar ingin mengubah nama. Ada banyak kesempatan di mana Anda ingin melakukan ini. Nama file yang dibuat secara otomatis adalah contoh yang bagus. Mereka biasanya memiliki nama yang sangat panjang dengan rangkaian karakter sampah. Itu bukan pengalaman yang Anda inginkan untuk pengunjung Anda. Anda dapat menstandardisasi berbagai hal dengan Atribut Unduhan.
Untuk menentukan nama file, setel atribut unduhan sama dengan itu. Kecualikan ekstensi file. Browser tidak dapat dan tidak mau mengonversi jenis file, jadi tidak ada gunanya mencoba.
Unduh Sekarang!
Pengunjung Anda akan mengunduh file sebagai file-anda.pdf.
Mengunduh Gambar
Seiring dengan ini, ada cara sederhana untuk memungkinkan pengguna mengunduh gambar secara langsung. Ini tidak revolusioner, dan Anda mungkin dapat menggabungkannya sendiri, tetapi Anda dapat menggunakan atribut unduh untuk membuat tautan gambar yang dapat diunduh.
Image
Mulailah dengan menyiapkan gambar seperti biasanya di halaman Anda. Ini, tentu saja, akan menjadi gambar yang tersedia untuk diunduh.
Kemudian, enkapsulasi semuanya dalam tag jangkar, hubungkan ke jalur gambar.
Terakhir, tambahkan atribut unduhan ke tag jangkar Anda. Anda dapat mengubah nama gambar Anda jika Anda mau.
Image
Sekarang, ketika pengunjung mengklik gambar, mereka akan mengunduhnya secara otomatis langsung dari server Anda. Itu tidak perlu, dan mungkin tampak berlebihan bagi pengembang, tetapi berapa banyak pengunjung situs yang akan berpikir untuk mengeklik kanan gambar untuk melihat atau mengunduhnya?
