Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mencetuskan Muat Turun Fail Hanya Menggunakan Butang HTML atau JavaScript?

Bagaimana untuk Mencetuskan Muat Turun Fail Hanya Menggunakan Butang HTML atau JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-12-01 04:24:15551semak imbas

How to Trigger File Downloads Using Only HTML Buttons or JavaScript?

Mencetuskan Muat Turun Fail dengan Butang HTML atau JavaScript

Soalan:

Bagaimana anda boleh memulakan muat turun fail apabila mengklik Butang HTML tanpa menggunakan tag sauh, skrip hujung belakang atau pelayan konfigurasi?

Penyelesaian Butang HTML:

Anda boleh menggunakan atribut muat turun untuk mencetuskan muat turun fail:

<button download="myfile.txt">Download Me</button>

di mana:

  • myfile.txt ialah nama fail yang dikehendaki
  • URL fail mestilah pada asal yang sama (domain, protokol, dll.)

Penyelesaian JavaScript:

Untuk memuat turun fail melalui JavaScript, anda boleh menggunakan API Blob dan URL:

var fileUrl = URL.createObjectURL(new Blob([data], {type: 'text/plain'}));
var a = document.createElement('a');
a.href = fileUrl;
a.download = 'myfilename.txt';
a.click();

di mana:

  • data ialah fail data
  • 'text/plain' ialah jenis fail
  • myfilename.txt ialah nama fail yang dikehendaki

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Muat Turun Fail Hanya Menggunakan Butang HTML atau JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn