Bagaimanakah Saya Boleh Mengakses Fail Tempatan dengan Selamat dalam JavaScript?

Mengakses Fail Tempatan Dengan Selamat dengan JavaScript

Membuka fail tempatan secara langsung melalui JavaScript menggunakan kaedah seperti window.open() adalah terhad kerana kebimbangan keselamatan . Walau bagaimanapun, terdapat pendekatan alternatif yang membolehkan anda mengakses data fail setempat dengan selamat.

Satu kaedah biasa ialah menggunakan API FileReader. API ini menyediakan cara untuk membaca kandungan fail yang dipilih oleh pengguna melalui unsur. Berikut ialah contoh:

function readSingleFile(e) {
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
    var contents = e.target.result;
    displayContents(contents);
  };
  reader.readAsText(file);
}

function displayContents(contents) {
  var element = document.getElementById('file-content');
  element.textContent = contents;
}

document.getElementById('file-input')
  .addEventListener('change', readSingleFile, false);

Dalam kod ini, apabila pengguna memilih fail melalui elemen "input-fail", fungsi readSingleFile() dicetuskan. Ia menggunakan objek FileReader untuk membaca fail yang dipilih sebagai teks, dan setelah bacaan selesai, ia memanggil fungsi displayContents() untuk memaparkan kandungan fail dalam elemen "kandungan fail" pada halaman web.

Dengan menggunakan pendekatan seperti FileReader API, anda boleh membaca kandungan fail tempatan dalam JavaScript dengan selamat dan menggunakannya dalam aplikasi pihak klien tanpa menjejaskan keselamatan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Fail Tempatan dengan Selamat dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!