Bagaimanakah Saya Boleh Menyimpan Fail Bahagian Klien Menggunakan JavaScript?

Menyimpan Fail Sisi Pelanggan dengan JavaScript: Panduan Komprehensif

Untuk menyimpan data ke fail dan menawarkan dialog simpan fail yang mesra pengguna , anda boleh menggunakan fungsi tersuai berikut:

function saveFile(data) {
  // Generate a Blob object with the provided data
  const file = new Blob([data], { type: 'text/plain' });

  // Check if the browser supports the msSaveOrOpenBlob method (IE10+)
  if (window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(file, filename);
  } else {
    // For non-IE browsers, create an anchor element and set its attributes
    const a = document.createElement('a');
    const url = URL.createObjectURL(file);
    a.href = url;
    a.download = filename;

    // Append the anchor element to the DOM and simulate a click event
    document.body.appendChild(a);
    a.click();

    // Clean up the anchor element and revoke the object URL after a short delay
    setTimeout(() => {
      document.body.removeChild(a);
      URL.revokeObjectURL(url);
    }, 0);
  }
}

Fungsi ini mengambil data untuk disimpan dan menggesa pengguna untuk memilih lokasi untuk fail. Ia mengendalikan keserasian merentas pelbagai penyemak imbas, termasuk Chrome, FireFox dan IE10 .

Dalam Safari, data akan dibuka dalam tab baharu dan bukannya menggesa pengguna untuk menyimpan lokasi. Walau bagaimanapun, pengguna masih boleh menyimpan fail secara manual daripada menu Fail penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyimpan Fail Bahagian Klien Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!