Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mencipta dan Memuat Turun Fail Teks Sebelah Klien Tanpa Interaksi Pelayan?

Bagaimanakah Saya Boleh Mencipta dan Memuat Turun Fail Teks Sebelah Klien Tanpa Interaksi Pelayan?

Mary-Kate Olsen
Lepaskan: 2024-12-21 13:27:16
asal
426 orang telah melayarinya

How Can I Create and Download Text Files Client-Side Without Server Interaction?

Mencipta Fail dalam Memori Pengguna untuk Muat Turun

Menjana fail teks pada bahagian klien dan menggesa pengguna memuat turunnya tanpa penglibatan pelayan adalah mungkin. Pendekatan ini mengelakkan penulisan fail terus ke komputer pengguna kerana kekangan keselamatan.

Penyelesaian untuk Penyemak Imbas HTML5

Untuk penyemak imbas yang mematuhi HTML5, kod JavaScript berikut membolehkan anda buat dan gesa pengguna untuk menyimpan fail:

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}
Salin selepas log masuk

Untuk menggunakan kod ini, berikan kod yang dikehendaki nama fail dan kandungan teks sebagai hujah kepada fungsi muat turun(). Elemen pautan dibuat dengan URL data dan set atribut muat turun. Elemen itu kemudiannya dibuat tidak kelihatan, ditambah pada badan dokumen, diklik untuk memulakan muat turun dan akhirnya dialih keluar.

Kaedah ini menyediakan penyelesaian mudah untuk menjana dan menggesa pengguna menyimpan fail teks pada sisi klien tanpa pelayan interaksi.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta dan Memuat Turun Fail Teks Sebelah Klien Tanpa Interaksi Pelayan?. 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