Dua cara untuk menerapkan file klik untuk mengunduh pada halaman HTML

Penulis：Eve Cole Waktu Pembaruan：2025-01-27 05:12:01

1. Gunakan tag <a> untuk menyelesaikan

 <a href=/user/test/xxxx.txt download=filename.txt>Klik untuk mengunduh</a>

Dengan cara ini, ketika pengguna membuka browser dan mengklik link tersebut, file akan langsung diunduh.

Namun ada situasi, seperti txt, png, jpg dan file lain yang didukung browser untuk dibuka secara langsung, tidak akan melakukan tugas pengunduhan, tetapi akan membuka file secara langsung tanda a;

Berikut ini adalah contohnya

Pindah ke tag <a> untuk menampilkan jalur file, dan lengkapi jalur file sesuai dengan petunjuk jalur.

 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>Klik untuk mengunduh< /a> </tubuh> </html>

Jika Anda perlu mengunduh gambar yang diunggah dari halaman web, Anda dapat menggunakan metode berikut:

Dapatkan nama domain host:

lokasi.nama host

Dapatkan nomor port:

lokasi.pelabuhan

2. Gunakan tombol untuk memantau

Pemantauan tombol dapat dibagi menjadi dua metode:

Salah satunya adalah jendela.open()

 var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); //Antarmuka backend untuk mengunduh file diketahui: https://codeload.github.com/douban/douban-client/legacy /master //Metode 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });

Yang kedua adalah penyerahan formulir

 //Metode 2: Melalui formulir $eleBtn2.click(function(){ var $eleForm = $(<form method='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //Kirim formulir untuk mengunduh $eleForm.submit(); });

Meringkaskan

Di atas adalah dua cara untuk menerapkan file klik untuk mengunduh pada halaman HTML yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu . Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!