Bagaimanakah Saya Boleh Mengakses Fail Tempatan dalam JavaScript Tanpa Akses Sistem Fail Terus?

Mengakses Fail Cakera Tempatan dalam JavaScript

Membuka fail cakera tempatan secara langsung dalam JavaScript tidak dibenarkan kerana kebimbangan keselamatan. Untuk mengakses data daripada fail tempatan, kaedah alternatif diperlukan.

Menggunakan FileReader untuk Akses Fail Setempat

Satu pendekatan ialah menggunakan API FileReader, yang menyediakan cara untuk membaca kandungan fail tanpa memerlukan akses fail terus. Berikut ialah contoh pelaksanaan:

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 contoh ini:

• Elemen input fail dengan ID 'fail-input' ditakrifkan.
• Apabila fail dipilih menggunakan input fail, fungsi 'readSingleFile' dicetuskan.
• Objek FileReader digunakan untuk membaca fail yang dipilih sebagai teks.
• Pengendali acara 'onload' bagi FileReader ditakrifkan untuk mengendalikan penyiapan bacaan fail.
• Fungsi 'displayContents' mengambil kandungan fail yang dibaca dan memaparkannya dalam Elemen HTML dengan ID 'kandungan fail'.

Dengan menggunakan pendekatan FileReader, anda boleh mengakses data fail setempat dalam kod JavaScript sisi pelanggan, membolehkan anda memproses atau memaparkan kandungan fail selanjutnya.

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