Bagaimana untuk Mencetuskan Muat Turun Fail dalam HTML/JavaScript Tanpa Menggunakan Sauh atau Kod Sisi Pelayan?

Cara Mencetuskan Muat Turun Fail Menggunakan Butang HTML atau JavaScript

Soalan: Bagaimanakah anda boleh mencetuskan muat turun fail apabila mengklik butang HTML atau melaksanakan JavaScript tanpa menggunakan sauh, skrip bahagian belakang atau mengubah suai pelayan pengepala?

Kaedah HTML:

Atribut muat turun HTML5 mendayakan muat turun fail apabila digunakan pada teg sauh (). Tentukan laluan ke fail dan nama fail yang dicadangkan seperti berikut:

<a href="path_to_file" download="proposed_file_name">Download</a>

Sekatan:

Perhatikan bahawa fail mesti berada pada asal yang sama dengan halaman (iaitu, domain, subdomain, protokol dan port yang sama). Pengecualian termasuk gumpalan:, data:, dan fail:. Biarkan nama_fail_cadang kosong untuk menggunakan nama sebenar fail.

Kaedah JavaScript:

Untuk mencetuskan muat turun melalui JavaScript, anda boleh menggunakan kod berikut:

const downloadElement = document.getElementById("file-request");
downloadElement.addEventListener("click", () => {
    const link = document.createElement("a");
    link.setAttribute("href", "path_to_file");
    link.setAttribute("download", "proposed_file_name");
    link.click();
});

Kod ini mencipta elemen utama tersembunyi, menetapkan atribut muat turunnya dan mensimulasikan klik padanya untuk memulakan muat turun.

Nota Tambahan:

• Pastikan pelayan anda dikonfigurasikan dengan betul untuk mengendalikan muat turun fail.
• Untuk maklumat lebih terperinci, rujuk kepada dokumentasi MDN tentang muat turun, Standard HTML pada muat turun, Standard HTML pada atribut muat turun dan CanIUse untuk penyemak imbas keserasian.

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Muat Turun Fail dalam HTML/JavaScript Tanpa Menggunakan Sauh atau Kod Sisi Pelayan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!