Bagaimanakah Saya Boleh Menyimpan Fail Terus dalam Pelayar Menggunakan HTML5 dan JavaScript?

Menyimpan Fail dengan HTML5/JavaScript

Dalam usaha untuk meningkatkan keupayaan pembangunan web, HTML5 dan JavaScript menyediakan ciri yang mantap untuk pelbagai tugas, termasuk menyimpan fail. Walaupun pendekatan tradisional melibatkan interaksi pelayan, anda boleh membuat dan memuat turun fail terus dalam penyemak imbas menggunakan teknologi ini.

JavaScript Solution

Satu penyelesaian JavaScript yang cekap melibatkan penciptaan pautan boleh dimuat turun menggunakan yang berikut fungsi:

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

  if (document.createEvent) {
    var event = document.createEvent('MouseEvents');
    event.initEvent('click', true, true);
    pom.dispatchEvent(event);
  } else {
    pom.click();
  }
}

Penggunaan

Untuk memuat turun fail, cuma panggil fungsi muat turun() dengan nama fail dan kandungan yang dikehendaki sebagai hujah:

download('test.txt', 'Hello world!');

Pendekatan ini membolehkan anda menyimpan fail dalam ingatan, menghapuskan keperluan untuk permintaan pelayan atau akses sistem fail, menyediakan pengalaman muat turun yang lancar dan selamat untuk pengguna.

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