Bagaimanakah Saya Boleh Muat Turun Fail dengan Nama Fail Tersuai Menggunakan URI Data?

Memuat Turun Fail dengan Nama Fail Tersuai Menggunakan URI Data

URI Data menyediakan cara yang mudah untuk membenamkan data dalam halaman web. Walau bagaimanapun, apabila memuat turun data daripada URI data, penyemak imbas biasanya menggesa pengguna untuk nama fail. Adakah mungkin untuk memberikan nama fail yang dicadangkan dalam penanda atau melaksanakan penyelesaian JavaScript?

Atribut muat turun

Pelayar moden menyokong atribut "muat turun" untuk sauh () elemen. Atribut ini membolehkan anda menentukan nama fail yang dicadangkan untuk fail yang dimuat turun.

<a download="FileName" href="data:application/octet-stream;base64,SGVsbG8=">
  Download
</a>

Penyelesaian ini berfungsi pada Chrome, Firefox, Edge, Opera, desktop Safari 10 , iOS Safari 13 , tetapi bukan IE11.

Penyelesaian JavaScript

Jika atribut "muat turun" tidak disokong, anda boleh menggunakan penyelesaian JavaScript:

const link = document.createElement("a");
link.setAttribute("href", "data:application/octet-stream;base64,SGVsbG8=");
link.setAttribute("download", "FileName");
link.click();

Kod ini mencipta elemen utama, menetapkan atribut "href" dan "muat turun", kemudian mensimulasikan peristiwa klik untuk mencetuskan muat turun.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Muat Turun Fail dengan Nama Fail Tersuai Menggunakan URI Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!