Bagaimanakah JavaScript Boleh Mengakses dan Memproses Fail Tempatan Tanpa Pembukaan Fail Terus?

Mengakses Fail Cakera Tempatan dengan JavaScript

Satu cabaran biasa dalam pembangunan web ialah mengakses fail yang disimpan pada komputer tempatan. Walaupun sekatan keselamatan menghalang capaian fail terus, terdapat kaedah alternatif untuk membaca dan berinteraksi dengan fail tempatan menggunakan JavaScript.

Satu pendekatan ialah menggunakan API FileReader. API ini membolehkan pembangun membaca kandungan fail yang dipilih dan melaksanakan operasi berdasarkan kandungannya. Berikut ialah contoh yang menunjukkan cara menggunakan FileReader untuk mengakses fail teks setempat:

<input type="file">

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);

Skrip ini mencipta elemen input fail dan melampirkan pendengar acara untuk mendengar pemilihan fail. Apabila fail dipilih, skrip menggunakan FileReader untuk membaca kandungannya dan memaparkannya dalam elemen HTML yang ditanda. Kaedah ini membolehkan anda mengakses dan memproses fail setempat tanpa bergantung pada pembukaan fail terus.

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