Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Muat Turun Fail dengan Nama Fail Tersuai Menggunakan URI Data?

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

Barbara Streisand
Barbara Streisandasal
2024-11-28 05:22:17215semak imbas

How Can I Download Files with Custom Filenames Using Data URIs?

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!

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