Di bawah ini kita akan mempelajari cara membuat tautan unduhan dengan HTML.
Link Download
Kita dapat menggunakan atribut unduhan HTML untuk menentukan bahwa target akan diunduh ketika pengguna mengklik hyperlink.
Contoh
<!DOCTYPE html> <html> <body> <p>Klik pada gambar untuk mendownload gambar:<p> <a href="//dosenit.com/wp-content/uploads/2021/02/136-1369892_avatar-people-person-business-user-man-character-avatar.png" download> <img src="//dosenit.com/wp-content/uploads/2021/02/136-1369892_avatar-people-person-business-user-man-character-avatar.png" alt="Avatar" width="104" height="142"> </a> <p><b> Catatan: </b> Atribut download tidak didukung di Edge versi 12, IE, Safari 10 (dan sebelumnya) atau Opera versi 12 (dan sebelumnya). </p> </body> </html>
Atribut download hanya digunakan jika atribut href disetel.
Nilai atributnya adalah nama file yang diunduh. Tidak ada batasan pada nilai yang diperbolehkan dan browser akan secara otomatis mendeteksi ekstensi file yang benar dan menambahkannya ke file (.img, .pdf, .txt, .html, dll.).
Bisa juga menentukan nilai untuk atribut download, yang akan menjadi nama file baru dari file yang didownload. Jika nilainya dihilangkan, maka nama file asli digunakan.
Contoh
Tentukan nilai untuk atribut
download, yang akan menjadi nama file baru dari file yang didownload (“w3logo.jpg” bukan “myw3schoolsimage.jpg”):
<!DOCTYPE html> <html> <body> <p>Klik pada gambar untuk mendownload gambar:<p> <a href="//dosenit.com/wp-content/uploads/2021/02/136-1369892_avatar-people-person-business-user-man-character-avatar.png" download="avatar123"> <img src="//dosenit.com/wp-content/uploads/2021/02/136-1369892_avatar-people-person-business-user-man-character-avatar.png" alt="Avatar" width="104" height="142"> </a> <p> Perhatikan bahwa nama file dari file yang diunduh akan disimpan sebagai "avatar123.png" bukan "namafile.png". </p> <p> <b> Catatan: </b> Atribut download tidak didukung di Edge versi 12, IE, Safari 10 (dan sebelumnya) atau Opera versi 12 (dan sebelumnya). </p> </body> </html>
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.
download | 14.0 | 13.0 | 20.0 | 10.1 | 15.0 |
Halo , ,,, teman-teman.. ada yang bingung bagaimana membuat script download file dengan php..??? sebenarnya untuk membuat download file , admin sudah jelaskan di artikel upload file dengan php mysqli
namun sekarang admin akan jelaskan atau contohkan lagi pada file pdf.. silahkan di simak ya
Download File dengan atribut HTML5
<a href="contohfile.pdf" download>Download File</a>Jika kita ingin mengganti nama file, dengan HTML5 kita bisa menambahkan
<a href="contohfile.pdf" download="new_filename">Download File</a>Script Download File dengan PHP
contoh link download ;
download.php
<?phpif (isset($_GET['file'])) {
$file = $_GET['file'];
if (file_exists($file) && is_readable($file) && preg_match('/\.pdf$/',$file)) {
header('Content-Type: application/pdf');
header("Content-Disposition: attachment; filename=\"$file\"");
readfile($file);
}
}
?>
- Download terlebih dahulu bahan contoh php-nya di sini.
- Buat databasenya dulu. Nama database: coba
- Lalu buat 2 tabel, yaitu tabel link dan kategori.
- Tabel link fieldnya adalah:
Nama Field | Jenis | Keterangan |
idl | Int(4) | Primary key, Auto Increment |
namal | Varchar(25) | |
http | Text | |
idk | Int(2) | |
ketlink | Text |
- Tabel kategori fieldnya adalah:
Nama Field | Jenis | Keterangan |
idk | Int(2) | Primary key, Auto Increment |
kat | Varchar(20) | |
ket | Text |
- Selain cara di atas anda dapat melakukan impor data base yang ada di file download.
- Ekstrak file yang sudah didownload. Simpan di htdocs.
- Konfigurasi localhost, user, password, nama database, dan tabel di file koneksi.php, bila ada perbedaan.
- Lalu coba buka dengan localhost/foldernya dengan browser kesayangan anda.
Ta ra … he he, kalo belum ada datanya coba anda melakukan input hyperlink di situ.
Kalo mo edit dan hapus kategori gimana? Ya dalam tutorial ini tidak dibahas, namun prinsipnya lebih mudah dari hal ini. Terima kasih.