내 브라우저에서 로컬 텍스트 파일을 어떻게 읽을 수 있나요?

브라우저에서 로컬 텍스트 파일을 읽는 방법

브라우저에서 로컬 텍스트 파일을 읽는 데 어려움을 겪고 있습니다. 이 문제를 해결하려면 다음을 고려하세요.

1. Fetch API 통합

Fetch API를 도입하면 XMLHttpRequest 메서드를 대체하여 URL에서 데이터를 검색하는 간소화된 접근 방식을 제공합니다. 다음과 같이 구현하세요:

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // Process the "text" content
  })
  .catch((e) => console.error(e));

2. file:///을 피하세요

최신 브라우저는 파일 시스템의 직접 액세스를 엄격하게 제한합니다. 이를 우회하려면 file:/// 접두사를 사용하지 마세요.

3. 로컬 테스트를 위해 웹 서버 사용

file:///에 의존하는 대신 다음과 같은 경량 웹 서버를 사용하십시오.

• python -m http.server

이렇게 하면 표준 HTTP URL을 사용하여 데이터에 액세스할 수 있으므로 액세스가 완화됩니다. 제한 사항.

원래 솔루션

XMLHttpRequest 문제를 처리하려면 다음을 수행하십시오.

• 로컬 파일을 로드할 때 상태 0을 확인하세요.

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

위 내용은 내 브라우저에서 로컬 텍스트 파일을 어떻게 읽을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!