Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Membaca Fail Teks Tempatan dengan Cekap dalam Pelayar Web?

Bagaimanakah Saya Boleh Membaca Fail Teks Tempatan dengan Cekap dalam Pelayar Web?

Mary-Kate Olsen
Lepaskan: 2024-12-19 04:11:11
asal
856 orang telah melayarinya

How Can I Efficiently Read Local Text Files in a Web Browser?

Membaca Fail Teks Setempat dalam Penyemak Imbas

XMLHttpRequest ialah kaedah yang biasa digunakan untuk mendapatkan semula data tak segerak dalam penyemak imbas, tetapi kadangkala ia boleh dihadapi isu semasa cuba membaca fail teks setempat.

Isu dengan XMLHttpRequest

Satu ralat biasa ialah XMLHttpRequest pengecualian 101, yang menunjukkan bahawa permintaan itu telah dibatalkan. Ini boleh berlaku apabila cuba membaca fail tempatan tanpa menyatakan protokol "file://".

Alternatif: Ambil API

Cara yang lebih mudah untuk membaca teks setempat fail adalah melalui API Ambil, yang diperkenalkan pada 2015. Contoh kod menggunakan API Ambil untuk membaca fail tempatan bernama "myText.txt":

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // Process the text data
  })
  .catch((e) => console.error(e));
Salin selepas log masuk

Mengakses Fail Setempat

Pelayar moden mengenakan sekatan ketat ke atas akses sistem fail langsung. Elakkan menggunakan "file:///". Sebaliknya, pertimbangkan untuk menggunakan pelayan web ringan seperti Python -m http.server atau npx http-server untuk memuatkan data melalui URL HTTP biasa.

Contoh Kod dengan XMLHttpRequest

Jika menggunakan XMLHttpRequest, semak status 0 secara manual (menunjukkan fail setempat) dan bukannya bergantung pada status yang dikembalikan kod:

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);
}
Salin selepas log masuk

Menentukan Laluan Fail

Ingat untuk memasukkan protokol "file://" apabila menentukan laluan fail:

readTextFile("file:///C:/your/path/to/file.txt");
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membaca Fail Teks Tempatan dengan Cekap dalam Pelayar Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan