Bagaimanakah Saya Boleh Membaca Fail Teks Setempat ke dalam Penyemak Imbas Web dengan Boleh Dipercayai?

Membaca Fail Teks Tempatan ke dalam Penyemak Imbas

Untuk membaca fail teks tempatan ke dalam penyemak imbas, pembangun secara tradisinya menggunakan XMLHttpRequest. Satu cara untuk melakukan ini adalah melalui fungsi yang mengambil laluan fail dan menukar setiap baris teks kepada tatasusunan aksara:

function readTextFile() {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", "testing.txt", true);
  rawFile.onreadystatechange = function() {
    if (rawFile.readyState === 4) {
      var allText = rawFile.responseText;
      document.getElementById("textSection").innerHTML = allText;
    }
  }
  rawFile.send();
}

Walau bagaimanapun, pendekatan ini sering gagal dengan pengecualian dalam penyemak imbas selain Firefox. Untuk menyelesaikan masalah ini, pembangun harus menggunakan API Ambil yang diperkenalkan dalam JS 2015:

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // do something with "text"
   })
  .catch((e) => console.error(e));

Selain itu, adalah penting untuk mengelak daripada menggunakan file:/// atas sebab keselamatan. Sebaliknya, pertimbangkan untuk menggunakan pelayan web ringan seperti http.server atau HTTP-Server Python untuk pemuatan data.

Isu lain timbul apabila cuba membaca fail secara setempat menggunakan XMLHttpRequest. Untuk menangani perkara ini, pembangun harus menyemak status 0 kerana tiada status dikembalikan untuk memuatkan fail setempat:

function readTextFile(file) {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", file, false);
  rawFile.onreadystatechange = function () {
    if(rawFile.readyState === 4)  {
      if(rawFile.status === 200 || rawFile.status == 0) {
        var allText = rawFile.responseText;
        console.log(allText);
       }
    }
  }
  rawFile.send(null);
}

readTextFile("file:///C:/your/path/to/file.txt");

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membaca Fail Teks Setempat ke dalam Penyemak Imbas Web dengan Boleh Dipercayai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!