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
Lepaskan: 2024-12-01 04:24:15
asal
493 orang telah melayarinya

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>
Salin selepas log masuk

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();
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan